流体无限循环jQuery

Question

我使用一个简单的脚本进行无限循环，但它不流畅我测试了很多持续时间，结果不好

  setInterval(function(){
     $("#list ul").animate({marginTop:-100},800,function(){
        $(this).css({marginTop:0}).find("li:last").after($(this).find("li:first"));
     })
  }, 800);  

http://jsfiddle.net/qorbn7j0/

什么是流体回路的解决方案？感谢

Answer 1

将宽松设置为linear

setInterval(function(){
    $("#list ul").animate({marginTop:-100},800,'linear',function(){
        $(this).css({marginTop:0}).find("li:last").after($(this).find("li:first"));
    })
}, 800);  

Answer 2

您需要将easing设置为linear。

setInterval(function(){
$("#list ul").animate({marginTop:-100},800,'linear',function(){
    $(this).css({marginTop:0}).find("li:last").after($(this).find("li:first"));
})
}, 800);