使用jQuery scrollTop导航时表现奇怪

时间:2018-10-13 18:37:35

标签: javascript jquery css navigation scrolltop

我在我的网站上有一个导航,该导航由jQuery驱动,可以平滑滚动到目标ID,但它的行为很奇怪:

  • 有时它并不会完全移动到目标ID
  • 如果您再次单击目标,它将滚动回到标题

Here是gif,展示了这种奇怪的行为


我对导航做了simplistic version,因此您可以自己对其进行测试,尽管这没有任何奇怪的行为。但是我不知道是什么原因造成的。

我尽可能地做到了相同。 HTML,类,ID和jQuery 完全相同。我还给导航设置了fixed的位置,就像我网站上的位置一样。

有问题的jQuery代码:

$("#scrollOne").click(function() {
  $('html,body').animate({
    scrollTop: $("#one").offset().top
  }, 750);
});

简而言之,与按预期工作的JSFiddle相比,导致这种奇怪行为的原始代码有什么问题?如果您需要原始(完整)代码,请直接问我,因为这是一个我不能公开发布的自由项目。预先谢谢你!

0 个答案:

没有答案