jquery - 使用 jQuery scrollTop 时滚动震动

Question

我正在使用一段非常简单的代码来动画滚动到我的页面顶部。代码如下：

$(document).ready(function(){
    $('div#top').hover(function(){
        $('html, body').animate({
            scrollTop:0
        }, 2500);
    });
});

出于某种原因，一旦发生滚动，如果您再次尝试向下滚动，页面会在允许您向下滚动之前会卡住几秒钟。使用 FF 似乎是最糟糕的，尽管在其他浏览器中并没有好多少。

有人对我如何让震动停止有任何想法吗？

Answer 1

如果您只将一个函数传递给hover，它将在鼠标进入和鼠标离开时执行。因此，一旦您的鼠标离开div#top元素，另一个滚动动画就会开始，尽管您在尝试向下滚动之前看不到它。

改为绑定mouseenter。