使用jQuery scrollTop时滚动震动

Question

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

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

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

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

Answer 1

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

改为绑定到mouseenter。