停止Javascript.scrollBottom函数
My.scrollBottom按钮可以工作,但一旦它自动滚动到底部,我就无法手动向上滚动,因为它处于活动状态并且不断向下滚动。它需要什么才能滚动到绝对底部然后停止 JavaScript停止Javascript.scrollBottom函数,javascript,scroll,Javascript,Scroll,My.scrollBottom按钮可以工作,但一旦它自动滚动到底部,我就无法手动向上滚动,因为它处于活动状态并且不断向下滚动。它需要什么才能滚动到绝对底部然后停止 JavaScript var timeOut; function scrollToBottom() { if (document.body.scrollBottom!=0 || document.documentElement.scrollBottom!=0){ window.scrollBy(0,20);
var timeOut;
function scrollToBottom() {
if (document.body.scrollBottom!=0 || document.documentElement.scrollBottom!=0){
window.scrollBy(0,20);
timeOut=setTimeout('scrollToBottom()',10);
}
else clearTimeout(timeOut);
}
HTML
我发现,通过删除
timeOut=setTimeout('scrolltobttom()',10)代码>
按下按钮时向下滚动20像素。
有了这些信息,我改变了窗口代码>到一个荒谬的数字,比如:window.scrollBy(020000000)代码>
所以我得到了这个代码:
var超时;
函数scrollToBottom(){
document.body.scrollBottom!=0 | | document.documentElement.scrollBottom!=0
滚动窗口(020000000);
}
并与
html{
滚动行为:平滑;
}
它做到了这一点:)可能有助于滚动到底部。请尝试console.log(document.body.scrollbotm,document.documentElement.scrollbotm)代码>在滚动条底部的顶部
。然后,您将看到为什么您的函数总是通过条件。请不要将字符串传递给setTimeout
!使用eval
(这是不好的)。传递函数:timeOut=setTimeout(scrollToBottom,10)
或timeOut=setTimeout(函数(){scrolltobttom()},10)代码>
<a href="#" onclick="scrollToBottom();return false">BUTTON</a>