javascript - 使用计时器在视口(viewport)内垂直滚动内容

Question

是否有一个过程可以让一个高度溢出视口(viewport)的网站以一定的时间间隔滚动到不在视口(viewport)中的第一个元素，依此类推下一页直到到达底部并且页面从顶部开始重新加载，重复该过程。

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

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