jQuery - 快速scrollTop動畫口吃

Question

我有兩個嵌套容器。滾動外部div時，我想要內部div被滾動。內部div滾動行爲不受影響，但按原樣工作。

當在內側的div（#list）的scrollTop的屬性施加$ .animate，它滾動一步一步時工作正常。但是，快速滾動會導致整個事情發生。我確定這是正確的設計。有誰知道如何解決這個問題？

我希望它 「跳」 過步，當快速滾動..

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

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

Answer 1

我來到翻過了記錄的解決方案！

使用stop（）函數參數（true，true）將立即完成上一個動畫。

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