暫停滾動懸停

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