Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使溢出每隔几秒钟自动下降一次_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 使溢出每隔几秒钟自动下降一次

Javascript 使溢出每隔几秒钟自动下降一次,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我希望滚动会自动下降一点点,每几秒钟,这将暴露更多的文字。有可能吗?我所说的溢出是指: 要阻止它: clearInterval(scrolling); 如果还有什么事情要做,您可以使用自动重新启动的计时器: function scroll() { $('#x').animate({ scrollTop: '+=5px' }, 100, function() { if($('#x table').height() - this.scrollTop - $('#x').he

我希望滚动会自动下降一点点,每几秒钟,这将暴露更多的文字。有可能吗?我所说的溢出是指:

要阻止它:

clearInterval(scrolling);

如果还有什么事情要做,您可以使用自动重新启动的计时器:

function scroll() {
    $('#x').animate({ scrollTop: '+=5px' }, 100, function() {
        if($('#x table').height() - this.scrollTop - $('#x').height() > 0)
            setTimeout(scroll, 500);
    });
}
scroll();
以及更新的示例:


请注意,我在HTML中添加了
id=“x”
,以便更容易引用

您可以用JSFIDLE演示它吗?是否可以用它代替
scrollTop:'+=5px'
显示新tr?@嘿:是的,您只需要计算出下一行的高度,然后使用它而不是5。我的例子是为了演示滚动,所以我选择了5px来获得一些明显但足够小的东西,让动画运行一段时间。
function scroll() {
    $('#x').animate({ scrollTop: '+=5px' }, 100, function() {
        if($('#x table').height() - this.scrollTop - $('#x').height() > 0)
            setTimeout(scroll, 500);
    });
}
scroll();