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

Question

我在this page 上使用Ariel Flesler's ScrollTo script。我在页面底部有两个链接，可以滚动到页面顶部（一个还打开一个联系表）。我注意到在滚动开始时页面顶部有闪烁/卡顿，我想知道是否可以通过修改脚本或使用另一个滚动脚本来防止这种情况发生。我很乐意听取任何建议。

谢谢，

尼克

Answer 1

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

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

<!-- 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(); });