悬停时暂停scrollTop

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);
    }
);