悬停时暂停滚动顶部

Question

在 jQuery 中还是有点新意，我使用以下代码在页面加载时自动滚动类名为 .scroller 的 div。

$(".scroller").delay(2000).animate({ scrollTop: $('.scroller')[0].scrollHeight}, 50000);

但是，我想在将鼠标悬停在该 div 上时停止任何滚动，并在悬停时重新开始。

关于如何实现这一点有什么想法，或者我应该为此使用 scrollTop 以外的东西吗？

谢谢， 克里斯

Answer 1

要在条件下停止动画，可以使用：$(".scroller").stop()

然后，像以前一样重新开始滚动。

http://api.jquery.com/stop/

$("#myDiv").hover(
    function(){
        $(".scroller").stop();
    },
    function(){
        $(".scroller").animate({ scrollTop: $('.scroller')[0].scrollHeight}, 50000);
    }
);