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

我有一个网页，它有一个固定的标题，和3个主分区，一个在另一个下面。标题中的一个链接用于平滑滚动到最后一个div。第一次单击时滚动有效，但再次单击时，滚动到页面顶部。所以，基本上它的行为就像一个开关。首先单击滚动到div，然后单击滚动到页面顶部

我的密码是：

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

---

问题是每次单击都要计算

targetOffset

。也许这可以奏效：

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