使用计时器在视口内垂直滚动内容

Question

是否有一个流程可以让网站的高度溢出视口，以特定间隔滚动到不在视口中的第一个项目，依此类推到下一页，直到达到底部为止页面重新加载从顶部开始重复该过程。

示例将是包含分数的事件的时间表，用户正在会场中查看它们。

Answer 1

您可以使用requestAnimationFrame设置动画循环，然后使用javascript滚动页面，直到到达页面末尾，然后重新启动。

!function scroll() {
    var current = document.body.scrollHeight - document.documentElement.clientHeight
    if (current == document.body.scrollTop)
        document.body.scrollTop = -1
    document.body.scrollTop += 1
    requestAnimationFrame(scroll)
}()

JSFiddle example