javascript - 滚动事件在 jquery 动画功能完成后触发

Question

Here就是例子。

如果您检查控制台，您会注意到在滚动动画期间多次记录Scroll Fired，一旦动画完成，回调函数就会被调用，ANIMATION DONE被记录。但是，之后又出现了一个 Scroll Fired 日志。

为什么会这样？我该如何预防？

Answer 1

可以通过以下方式快速解决您的问题

var child = $('#container');
var onComplete = function () {
    completed = true;
    console.log('ANIMATION DONE');
};

var completed = false;
child.animate({scrollLeft: 50}, 300, onComplete);

child.scroll(function () {
  if (!completed)
    console.log('Scroll Fired');
});

我只是添加了一个变量来显示动画是否已经完成以停止滚动事件代码。