javascript - 自动滚动 : stop jumps back to top of page

Question

我有一个页面，用户在其中单击一个链接以开始自动向下滚动页面以便于阅读。用户单击另一个链接以停止滚动。前者工作完美，但后者使页面在单击时跳回到顶部，而不是在页面上的那个地方停止滚动。有什么想法吗？

function pageScroll() {
    window.scrollBy(0,1); // horizontal and vertical scroll increments
    scrolldelay = setTimeout('pageScroll()',50); // scrolls every 100 milliseconds
}
function stopScroll() {
    clearTimeout(scrolldelay);
}

我尝试将 return false; 添加到我在另一篇文章中阅读的第二个函数，但没有帮助。无论如何，我都不完全理解 return 的用法。感谢您的帮助。

Answer 1

我假设你正在做这样的事情:

<a href="#" onclick="pageScroll();">start</a>
<a href="#" onclick="stopScroll();">stop</a>

最快的解决方法是从 onclick 事件处理程序返回 false，如下所示:

<a href="#" onclick="pageScroll(); return false;">start</a>
<a href="#" onclick="stopScroll(); return false;">stop</a>

想法是阻止浏览器执行事件的默认操作(在本例中，转到 #，它会滚动到页面顶部)。现在，更现代的方法是绑定(bind)一个事件处理函数，然后在其中使用 e.preventDefault()，但是 return false; 仍然适用于旧式事件属性.