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

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)
});