2011-04-05 101 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"}是相對