センター固定後のイメージャ?

StackOverflow https://stackoverflow.com/questions/1830711

  •  11-09-2019
  •  | 
  •  

質問

私がジャンプアンカータグにおける広(4000px)のページでは、固定の画像を水平でガタのないように揃えます。方法を教えてくださいませるのもよいですか？していたことがいくつからないようです。私は新しいこんなのコードで思ったのは明白である。

コ皆さまのご協力のもと、

ロバートC.

役に立ちましたか？

解決

の問題が生じた場合にそのブラウザの少ないスクロールに必要な、固定要素を視野に入れております。このように、右の視聴可能地域の場合、アンカータグをクリックするとそのままスクロールなどがあり、右の解明のための全要素になります。

きの修正この動作のjavascriptを利用した場合は、オプションとなっています。することはできませんでセンターで #anchor クリック直進。

こちらは"ソリューション"jQueryを使う.私は"ソリューション"引用符で囲むのでご紹介する場合がありますの問題にしています。例えば、更JSの戻るボタンなの前です。しかし、これはセンターの項目に考えるサンプルコードです。

だけで追加このページのリンク先の <head> タグ:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
<script type="text/javascript">
$(function(){
   $("a[href^=#]").click(function(e){
       var id      = $(this).attr('href').substr(1),
           $target = $('*[name=' + id + '] img'),
           $window = $(window),
           offset  = $target.offset();

       var left = offset.left - ($window.width() / 2) + ($target.width() / 2 );
       var top  = offset.top  - ($window.height() / 2) + ($target.height() / 2);


       $('html,body').scrollTop(top).scrollLeft( left);

       e.preventDefault(); // Keep the browser from trying
   });  
});
</script>

そのすべての a タグの内部にリンク（href開始 #).そしてその達人(たつじん)目指している名称、グラブの子ども img タグです。してその寸法 img 要素の window 要素になります。は一部の数学の img 要素のオフセット、巻です。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top