Javascript滚动Div循环

Javascript滚动Div循环,javascript,jquery,html,Javascript,Jquery,Html,我有当前的脚本工作,div滚动到底部并保持不变。我想让它在触底后从顶部重新开始。也许是通过循环?虽然我尝试了几种使用循环和延迟的技术,但我无法让它工作。当我尝试循环它时,它似乎使滚动条更快,并且不会重复 由于某些原因,JSFIDLE无法设置动画: 代码如下: var scrolldestancepersecond=30;//每秒滚动50像素。 var scrollDistancePerAnimationFrame=Math.ceil(scrollDistancePerSecond/60);//

我有当前的脚本工作,div滚动到底部并保持不变。我想让它在触底后从顶部重新开始。也许是通过循环?虽然我尝试了几种使用循环和延迟的技术,但我无法让它工作。当我尝试循环它时,它似乎使滚动条更快,并且不会重复

由于某些原因,JSFIDLE无法设置动画:

代码如下:

var scrolldestancepersecond=30;//每秒滚动50像素。
var scrollDistancePerAnimationFrame=Math.ceil(scrollDistancePerSecond/60);//以每秒60帧的速度制作动画。
var wrapper=document.getElementById('ph0');
自动旋转(包装);	
函数自动滚动(元素){
if(element.scrollTop

    Test1
    Test2
要实现循环,需要检查元素是否位于底部,然后重置scrollTop,这意味着将scrollTop设置为0。之后可以添加其他实现细节

根据上面的代码

var scrolldestancepersecond=30;//每秒滚动50像素。
var scrollDistancePerAnimationFrame=Math.ceil(scrollDistancePerSecond/60);//以每秒60帧的速度制作动画。
var wrapper=document.getElementById('ph0');
自动旋转(包装);	
函数自动滚动(元素){
if(element.scrollTop}
使用
setInterval()
循环,每个循环之间都有一个时间延迟。
while
循环从不增加
i
,因此它是一个无限循环。我也尝试过,但没有运气。我确实希望它有一个无限循环。两者都不起作用,因为它似乎会干扰滚动脚本。您能否共享一个工作的
jsfiddle
maybe,我无法从上面的
运行代码片段
jsfiddle
上复制代码的工作部分,我认为它不起作用,可能是因为它在jsfiddle内部寻找div-我真的不确定,但它在jsfiddle上不起作用?有没有办法缓和过渡?延迟还是延迟?