jQuery在div中自动垂直滚动

acc*_*man 4 jquery autoscroll

任何人都可以建议一个简单的jQuery垂直自动滚动脚本吗?一个不臃肿,我只需要它自动启动并li在div中滚动6或更多.我尝试了jquery.autoscroll.js但无法让它自动启动.

$.fn.autoscroll.defaults = { 
   start: { 
      step: 50, 
      scroll: true, 
      direction: "down", 
      pauseOnHover: true 
   }, 
   delay: 5000, 
   ffrw: { 
      speed: "fast", 
      step: 100 
   } 
};
Run Code Online (Sandbox Code Playgroud)

Rob*_*ben 15

var div = $('div.autoscrolling');
var scroller = setInterval(function(){
    var pos = div.scrollTop();
    div.scrollTop(++pos);
}, 100)?
Run Code Online (Sandbox Code Playgroud)

工作演示.

编辑:

要在div滚动到底部时停止滚动,请在上面的末尾添加以下检查function() {}-

if($(this).scrollTop() + $(this).innerHeight() >= this.scrollHeight)
   clearInterval(scroller);
}
Run Code Online (Sandbox Code Playgroud)

  • 当它结束时,它将尝试滚动和滚动,滚动和滚动 (2认同)
  • @FlashThunder:SO上有很多答案可供检查.检查`scrollTop`是否已达到容器高度并使用`clearInterval`.很重要.这如何保证投票结果?建议解决方案,而不仅仅是问题.先做一些搜索. (2认同)