jquery平滑滚动到div - 奇怪的行为

Question

我有一个网页，它有一个固定的标题，3个主要的div一个在另一个之下。标题中的一个链接用于平滑滚动到最后一个div。滚动工作在第一次单击时，但当我再次单击时，它滚动到页面顶部。所以，基本上它表现得像一个切换。首先单击滚动到div，然后单击滚动到页面顶部。

我的代码是：

var targetOffset = $('#targetDiv').offset().top - 75;
$('html, body').animate({scrollTop: targetOffset}, 700);

Answer 1

问题是你在每次点击时计算targetOffset。也许这可行：

$( document ).ready(function() {
  var targetOffset = $('#targetDiv').offset().top - 75;
  $('#theLink').click(function(){
    $('html, body').animate({scrollTop: targetOffset}, 700);
  });
});