如果页面已在目的地，则停止动画

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/