jQuery - 快速滚动顶部动画口吃

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