使用ScrollTo脚本滚动时有没有办法防止页面闪烁/卡顿？

Question

我在Ariel Flesler's ScrollTo script上使用this page。我在页面底部有两个链接滚动到页面顶部（一个也打开一个联系表单）。我注意到在滚动的开头有一个闪烁/口吃朝向页面的顶部，我想知道是否有任何我可以做的事情，通过修改脚本或使用另一个滚动脚本来防止这种情况。我很高兴有任何建议。

谢谢，

尼克

Answer 1

在Chrome中看起来不错，但我明白你在Firefox和Internet Explorer中的意思。问题是由href="#"引起的 - 当您单击链接时，浏览器会导航到空哈希标记（它始终位于页面顶部）。

最简单的解决方案是阻止<a>处理程序中onclick元素的默认操作：

<!-- in the HTML -->
<a id="home-scroll" href="#" onclick="return false;">home</a>

// or in your document ready script
$("#home-scroll").click(function (e) { e.preventDefault(); });