Jquery ui jQuery动画和css边距

我的动画有点边缘问题。很简单，我取了一个隐藏的元素并将其向下滑动。此隐藏元素的上边距为30px

    $(myselector).animate({
     opacity: 100   
     },function () {
$(this).slideDown(function () {
    // do stuff here
});

}))

当动画开始时，它没有上边距，但当动画运行时，它会向下滑动，直到达到30px上边距

---

如何让动画以30px的上边距开始呢？

我第一次尝试重新创建此行为的结果与此完全相同

我所做的是将动画div包装在另一个div中，删除

边距顶部：30px，并应用
填充顶部：30px到包含的div

另一种解决方案是从正在设置动画的div中删除页边距顶部，而是依赖前面元素的页边距底部

例如

<div id="above">Content</div>
<div id="below">Content</div>

你会用

#above {
    margin-bottom: 30px;
}

当然，如果您不想占用屏幕上的任何可见空间，上面的内容也不需要占用

同意，
填充顶部
主要比
边距顶部
更适合制作动画，后者在制作动画时会抖动元素，因此
填充顶部
是一种可行的方法。这两种方法似乎都很有效。如果可以的话，我会把这两个都标记为正确的解决方案。谢谢你们的帮助和建议。
#above {
    margin-bottom: 30px;
}