7

以下の JavaScript コードを使用して、ナビゲーションからアンカーへのスクロール効果を作成しています。

私が抱えている問題は、アンカーの 100 ピクセル上でスクロールを停止することです。

この結果を得るには、このコードで何を変更する必要がありますか?

$(document).ready(function() {
  $('a[href^="#"]').click(function() {
      var target = $(this.hash);
      if (target.length == 0) target = $('a[name="' + this.hash.substr(1) + '"]');
      if (target.length == 0) target = $('html');
      $('html, body').animate({ scrollTop: target.offset().top }, 1000);
      return false;
  });
});

ありがとうございました

4

1 に答える 1

15

target.offset().top から 100 ピクセルを引きます。そのようです：

$(document).ready(function() {
  $('a[href^="#"]').click(function() {
      var target = $(this.hash);
      if (target.length == 0) target = $('a[name="' + this.hash.substr(1) + '"]');
      if (target.length == 0) target = $('html');
      $('html, body').animate({ scrollTop: target.offset().top-100 }, 1000);
      return false;
  });
});
于 2013-08-16T14:05:17.840 に答える