javascript - 使用 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(); });