jQuery - 빠른 scrollTop 애니메이션 스터 터

Question

두 개의 중첩 된 컨테이너가 있습니다. outter div를 스크롤 할 때 내부 div를 대신 스크롤해야합니다. 내부 div 스크롤 동작은 영향을받지 않고 그대로 작동합니다. 단계별로 스크롤 할 때

내측 DIV (#list)의 scrollTop 특성에 $ .animate을 적용, 이는 잘 작동. 그러나 빠른 스크롤은 모든 것을 망가 뜨리게합니다. 이것이 설계 상으로는 정확하다고 확신합니다. 누구든지이 접근 방법을 알고 있습니까?

나는 그것이 단계를 통해 "점프"를 기대 빠르게 스크롤 ..

https://jsfiddle.net/3oktzo7g/1/

$('#list').stop().animate({ 
    scrollTop: $('#list').scrollTop() - 100 
    }, 150, 'linear'); 

Answer 1

나는 문서화 솔루션 건너 왔어요!

stop() - functions 매개 변수 (true, true)를 사용하면 이전 애니메이션이 즉시 완료됩니다.

$('#list').stop(true,true).animate({ 
    scrollTop: $('#list').scrollTop() - 100 
}, 150, 'linear');