自动滚动重置以形成无限的垂直循环

Question

我想重置垂直滚动条。基本上一旦它到达终点我就无法再次过渡它。如果你愿意的话，一个无限循环。

下面是我的脚本

    jQuery(document).ready(function(){
var div = jQuery('.scroll');
setInterval(function(){
    var pos = div.scrollTop();
    div.scrollTop(pos + 2);
}, 200)
});

我想的是像下面这样重置，但那没有用。

jQuery(document).ready(function(){
var div = jQuery('.scroll');
setInterval(function(){
    var pos = div.scrollTop();
    div.scrollTop(pos + 2);
}, 200)
scrollTop =0;
});

HTML结构

<div class="scroll">
  test 
   <br><br>   test 0
   <br><br>   test 1
   <br><br>   test 2
   <br><br>   test 3
   <br><br>  test 4
 </div>

Answer 1

你可以使用这样的东西，如果滚动顶部大于滚动高度，则获取滚动顶部和滚动高度将其重置为 0

jQuery(document).ready(function()
{
  var div = jQuery('#scroll');
  setInterval(function(){
    var pos = div.scrollTop();
    var scrollHeight = div.prop("scrollHeight") - div.height();
    if(pos < scrollHeight)
    {
       div.scrollTop(pos + 2);
    }
    else
    {
       div.scrollTop(0);
    }
  }, 200)
});

自动滚动重置以形成无限的垂直循环

Autoscroll reset to form endless vertical loop

javascript

jquery

scroll