0

スムーズ スクロール スニペットを使用しています。固定ヘッダーがあり、ヘッダーの下でアンカー セクションを停止したいと考えています。このコードを編集して、ページの上部から約 100 ピクセル下で停止するようにするにはどうすればよいでしょうか?

$(document).ready(function(){
  $('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
  var $target = $(this.hash);
  $target = $target.length && $target
  || $('[name=' + this.hash.slice(1) +']');
  if ($target.length) {
    var targetOffset = $target.offset(). top;
    $('html,body')
    .animate({scrollTop: targetOffset}, 1000);
   return false;
  }
}
});
});

ページ上部の 100px 下でセクションを停止する必要があるだけです。私はjqueryに非常に慣れていないので、知識が不足していることを教えてください。ありがとう

4

1 に答える 1

0

次のように、Web ページの上部からオフセットされ100たターゲットに単純に追加できます。

    var targetOffset = $target.offset().top + 100;
    $('html,body')
    .animate({scrollTop: targetOffset}, 1000);
于 2015-08-13T18:06:36.010 に答える