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의 가치는 무엇입니까?