2012-09-03 57 views
0

所有我想要做的是有一個div向下移動頁面到某個位置,現在動畫工作,但它也移動所有其他divs,以及如何我解決這個問題?div當使用jQuery動畫時,推動所有其他divs

<div id = "Sidepanel" style="background:#98bf21;height:0px;width:150px;top:0px;opacity:0;position:relative;left:5px"></div> 

jQuery的使用

$("#Sidepanel").animate({height:560,top:1010,opacity:1},"slow"); 

圍繞該網站上的所有內容

#wrapper { 
    padding: 0; 
    background: url(images/main-image-bg.jpg) no-repeat center top;} 
+3

你需要發佈你的代碼,因爲我們無法從這裏看到它,你太遙遠了。 –

回答

3

給它絕對位置採取的div在HTML代碼中的div出文檔流程,然後使用top移動它(或理想的CSS轉換其中po ssible)。

+0

是的,像這樣:'$('#myDiv')。css({position:'absolute',top:'1000px'}); $('#myDiv').css('position','relative');',假設1000px是你想要的元素。 –

+0

動畫翻譯轉換聽起來對我來說是最好的想法。 – Ana

+1

豐富你的天才!感謝所有人都很好 – user481610