javascript - 如果页面已到达目的地，则停止动画

Question

我目前正在使用一些 JavaScript 将用户向下移动到他们在侧面导航菜单中单击的信息的位置。然而问题是，如果他们点击一个项目，然后点击另一个项目，当他们滚动时，动画仍在尝试完成。如果已经位于滚动顶部目标的顶部，有没有办法阻止 js 运行。我已经有一个 .stop() 来停止点击时的原始动画。或者可能取消滚动时的动画？

$('#zoomTo li a').on('click', function(e) {
    $('html, body').stop().animate({
        scrollTop : $('#scrollDest').offset().top - 20
    }, 1000);
    e.preventDefault();
});

Answer 1

从 jquery 站点使用:

.clearQueue().finish();

http://api.jquery.com/finish/