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