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

【问题标题】：Why does Jquery animation speed up after first run?为什么 Jquery 动画在第一次运行后会加速？
【发布时间】：2010-07-29 19:07:20
【问题描述】：

我正在制作一个基本的选取框，它采用一组列表项并滚动它们（这是针对体育网站的，他们想要一个新闻行情）。

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

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);

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

有什么想法吗？

【问题讨论】：

标签： jquery animation performance

【解决方案1】：

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

【讨论】：