Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/grails/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么Jquery动画在第一次运行后会加速?_Jquery_Animation_Performance - Fatal编程技术网

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

为什么Jquery动画在第一次运行后会加速?,jquery,animation,performance,Jquery,Animation,Performance,我正在制作一个基本的字幕,它可以获取一组列表项并滚动它们(这是一个体育网站,他们需要一个新闻标签) 除了第一次跑步后,其他一切都正常,持续时间会加快 var duration = 10000; var textScroll = function(toScroll, time) { toScroll.animate({left:"-"+toScroll.children().text().length+"px"},time,"linear", function() {

我正在制作一个基本的字幕,它可以获取一组列表项并滚动它们(这是一个体育网站,他们需要一个新闻标签)

除了第一次跑步后,其他一切都正常,持续时间会加快

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);
就像我说的,它可以完美地滚动。只是在第一次滚动后速度会加快


有什么想法吗?

在第一个动画中,它可能从不同的
左侧
位置开始,因此它的动画速度似乎较慢,因为它的动画距离较短。您似乎正在将元素的
left
CSS属性设置为
toScroll.children().text().length
——但这只发生在第一个动画之后。在第一个动画开始之前,
left
具有什么值