为什么第一次运行后Jquery动画会加速？

Question

我正在制作一个基本的选取框，它需要一系列列表项并滚动它们（这是一个体育网站，他们需要一个新闻报道）。

除第一次运行持续时间加速之外，一切正常。

var duration = 10000; 
var textScroll = function(toScroll, time) 
    { 
     toScroll.animate({left:"-"+toScroll.children().text().length+"px"},time,"linear", function() 
     { 
     $(this).css({left:toScroll.children().text().length}); 
     textScroll($(this),duration); 
     }); 
    }; 
    textScroll($('.textScroll ul'), duration); 

就像我说的那样，它可以完美滚动。第一次滚动之后就会变快。

任何想法？

Answer 1

它可能从第一个动画的不同left位置开始，因此它看起来动画较慢，因为它的动画距离较短。您似乎将元素的left CSS属性设置为toScroll.children().text().length - 但这只发生在第一次动画之后。 left在第一个动画开始之前有什么价值？