jquery - div 使用 jQuery 动画时，将所有其他 div 向下推

Question

我想要做的就是让一个 div 将页面向下移动到某个位置，现在动画可以工作，但它也会将所有其他 div 也向下移动，我该如何解决这个问题？

html代码中的div

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

围绕网站上所有内容的 div

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

Answer 1

给它绝对位置以将其从文档流中取出，然后使用top它来移动它（或者在可能的情况下最好使用 CSS 转换）。