2013-01-04 216 views
0

在jQuery上还是有些新鲜,我使用下面的代码自动滚动页面加载时类名为.scroller的div。暂停滚动悬停

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

但是,我想停止任何滚动悬停在该div,并开始回来时,悬停。

任何想法如何实现这一目标或应该使用除scrollTop以外的东西吗?

谢谢, 克里斯

回答

3

要停止状态下的动画,你可以使用:$(".scroller").stop()

然后,像你一样没有延迟重启滚动。

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

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

优秀的,这就是它!我用你的代码和这篇文章来弄清楚如何最好地切换它:http://stackoverflow.com/questions/1116361/jquery-hover-mouse-out。谢谢! –

+0

意思是说,在发布较长的代码之前,我使用了你的$(“.scroller”).start(),但是使用链接找出它。谢谢! –