0

我的 .scrollBottom 按钮有效,但是一旦它自动滚动到底部,我就无法手动向上滚动,因为它处于活动状态并不断向下滚动。它需要什么才能滚动到绝对底部然后停止?

JavaScript

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

<a href="#" onclick="scrollToBottom();return false">BUTTON</a>
4

1 回答 1

0

我发现通过删除timeOut=setTimeout('scrollToBottom()',10); 按钮按下时向下滚动 20 像素。有了这些信息 - 我把它改成了window.scrollBy(0,20);一个荒谬的数字:window.scrollBy(0,2000000); 所以我得到了这个代码:

var timeOut;
  function scrollToBottom() {
    document.body.scrollBottom!=0 || document.documentElement.scrollBottom!=0
    window.scrollBy(0,2000000);
}

并搭配

html {
  scroll-behavior: smooth;
}

它的伎俩:)

于 2020-04-09T15:13:33.797 回答