如何在Jquery中的click事件期间停止滚动

Question

我使用了更多的效果。效果喜欢基于在浏览器中拖动滚动条或进入主页的下一页。

我已经实现了顶部按钮，它可以位于页面顶部。 当我单击顶部按钮时。 它到达顶部，但是非常慢，即由于现有效果，一步一步移到顶部。

顶部按钮编码：

jQuery('#to-top').click(function (e) {
    e.preventDefault();
    jQuery('html,body').animate({scrollTop: 0}, 800);
});

如何停止所有其他效果（基于滚动的效果）并仅允许＃top-top按钮滚动？

确保一旦移到顶部，基于滚动的效果将起作用。

Answer 1

您必须在函数调用中添加stop()

jQuery('#to-top').click(function (e) {
    e.preventDefault();
    jQuery('html,body').stop()animate({scrollTop: 0}, 800);
});

然后要继续滚动效果，您必须重新调用它，我不确定您如何处理此问题

Answer 2

您只需使用JQuery stop()方法停止当前动画（ 在此处了解更多信息 ），因此您的代码应类似于：

jQuery('#to-top').click(function (e) {
   e.preventDefault();
   jQuery('html,body').stop().animate({scrollTop: 0}, 800);
});