Question

我正在尝试在我的页面上进行自动滚动效果，因此在播放视频后，网站将慢慢向下滚动，允许用户在不主动滚动的情况下阅读内容。

那说，一旦我到达底部，我希望它自动停止。目前，它会无限期地向下滚动，因此无法在到达底部后向后滚动。

这是我用于滚动和延迟的代码（允许视频播放）：

<script>
function pageScroll() {
    window.scrollBy(0, 1); 
    scrolldelay = setTimeout('pageScroll()', 10); 
}
</script>

<body onLoad="setTimeout('pageScroll()', 14000)">

    Thanks for your help!

</body>

Answer 1

您的pageScroll功能应如下所示：

function pageScroll() {
  // Start interval - run the function every 1000 ms
  var interval = setInterval(function () {
    window.scrollBy(0,1); 
    // Did the scroll reach the bottom of the page?
    if (document.body.scrollHeight === document.body.scrollTop + window.innerHeight) {
      // Cancel the interval
      clearInterval(interval);
    }
  }, 1000);
}

JSFiddle - https://jsfiddle.net/dngwv4pr/2/

更多阅读：

滚动时激活元素

1 个答案: