jQuery - 快速scrollTop动画断断续续

Question

我有两个嵌套容器。滚动exter div时，我希望滚动内部div。内部div滚动行为不受影响，但按原样工作。

在内部div（#list）的 scrollTop 属性上应用 $ .animate 时，在逐步滚动时，它可以正常工作。然而，快速滚动使整个事情变得口吃。我确信这是正确的设计。有谁知道如何处理这个问题？

我希望它能够跳过＆＃34;跳跃＆＃34;在快速滚动的步骤..

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