在jquery中滚动锚点时摆脱闪烁

Question

Jquery做了我想要的但是当我点击锚链接时我无法摆脱闪烁。

return false;似乎正在go-to-top中执行此操作。另外，如果我想回到上一页用于移动设备，我想保留#pageurl。

$("a.jump-to-link").click(function (event) {
   event.preventDefault();
   $("html, body").animate({ scrollTop: 
      $($(this).attr("href")).offset().top -50 }, 500);
      window.location.hash = $(this).attr("href");
});

如果您想检查代码，这是我的codepen。

Answer 1

也许更改窗口哈希做了一些事情，所以可能你可以把窗口哈希变成滚动的回调函数。

$("html, body").animate({ scrollTop: 
      $($(this).attr("href")).offset().top -50 }, 500, function() {
      window.location.hash = $(this).attr("href");
}
);