jquery - 为什么 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 的值是多少？