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

你可以使用这样的东西，如果滚动顶部大于scrollHeight，则将滚动顶部和scrollHeight重置为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)
});

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

1 个答案: