javascript - 如何在Jquery中的点击事件期间停止滚动

我使用了更多效果。这些效果喜欢基于在浏览器中拖动滚动条或在我的主页中向下移动页面。

我已经实现了顶部按钮，它可以到达页面顶部。当我点击顶部按钮时。它会转到顶部，但非常慢，即，由于现有的影响，一步一步移动到顶部。

顶部按钮编码:

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

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

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

最佳答案

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

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

然后要继续滚动效果，你必须记忆它，我不知道你如何做到这一点

关于javascript - 如何在Jquery中的点击事件期间停止滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33256541/