滚动页面/表格

时间:2018-07-30 23:21:06

标签: javascript jquery html css html5

所以,我有一个页面,基本上是一个表。

我要通过html/css/javascript进行的操作是将页面自动向下滚动几行,停留在那儿大约30秒钟,如果有更多区域向下滚动,请再次这样做,再次停留在那儿30秒钟,然后一遍又一遍地做。如果没有足够的空间向下滚动,请从页面顶部开始并再次开始滚动。

有人可以帮助我吗?预先感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用ELEMENT.scrollTop设置滚动量。 假设某行的高度为64px,并且您想每30秒向下滚动2行,则可以执行以下操作:

var rowHeight = 64;
var wait = 30;
var rowsPerScroll = 2;
var scrollInterval = setInterval(function(){
    window.scrollTop += ((rowHeight * rowsPerScroll)%window.innerHeight)
},wait*1000); //wait * 1000 because wait is in seconds, not milliseconds.

如果它不起作用,请告诉我,我将编辑这篇文章。