2011-04-05 64 views
1

好的,所以我真的不知道为什么这段代码不工作。在其他浏览器中正常工作,但在Chrome中,该栏不滚动。jQuery Animate top:在Chrome中不起作用

我有一个工具栏,我想上下滚动页面。这适用于其他浏览器而不是Chrome浏览器:

$("#toolbar").stop().animate({top: 100}, 1000); 

这真的没有任何意义,我......这里是CSS:

#toolbar{ 
position:absolute; 
top:50px; 
left:0px; 
z-index:9999; 
width:100%;} 

目前只想到在div是文字可以任何人帮助!?

+5

对我的作品在Chrome 11.0.696.28。也许你忘了将代码放在'$(document).ready'中? http://jsfiddle.net/hans/MtaWq/ – 2011-04-05 00:27:01

回答

0

使用带有参数的stop,例如stop(true,false)。 这应该修复Chrome中的行为。

0

试试这个:

$("#toolbar").stop().animate({top: '100px'}, 1000); 
0

,而不是顶部,使用{"padding-top":"+=15px"}是相对