滾動到錨點上方100px

Question

我正在使用下面的JavaScript代碼創建從導航到錨點的滾動效果。

我遇到的問題是我希望滾動停止在錨點上方100px。

我需要在此代碼中更改哪些內容才能實現此結果？

$(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;
  });
});

謝謝

Answer 1

從target.offset（）。頂部減去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;
  });
});