jQuery

Question

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

在内部 div (#list) 的 scrollTop 属性上应用 $.animate 时，效果很好, 逐步滚动时。但是，快速滚动会使整个过程变得卡顿。我确定这是设计正确的。有谁知道如何解决这个问题？

我希望它在快速滚动时 "jump" 超过步骤..

  $('#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');

jQuery - 快速 scrollTop 动画卡顿