需要一个动画DIV来移动另一个

Question

http://jsfiddle.net/pC6fC/1/

我有两个div，一个在另一个之上。当第一个设置动画时，它会滑到另一个下面。我如何才能确保当第一个DIVs动画时，它会将第二个DIVs向下推送，而不必同时动画两个DIVs。

Answer 1

您可以使用空白处，而不是顶部。因为你的两个div都是相对定位的，如果你设置了top值(即30%)，它不会推入你的第二个div。

使用页边距顶部的示例：http://jsfiddle.net/pC6fC/5/

Answer 2

您可以通过设置margin-top动画而不是top动画来完成此操作，或者另一种方法是将这两个对象都放入parent div中并设置该对象的动画效果。

example1：http://jsfiddle.net/pC6fC/8/

example2：http://jsfiddle.net/pC6fC/6/

Answer 3

在这里你可以稍微修改一下你的jQuery。

如果希望在box1动画完成后滑动div，请使用

1. 。

函数向下滑动警示横幅*/ $( /* () {$(“.link”).click(){ $(".box1").animate({top:150}，500，function (){$(“.box2”).css({top:150 })；

})；如果希望div随box1动画一起滑动，请按

• 。

/*向下滑动警报横幅*/ $(function(){ $(“.link”).click(){ $(".box1").animate({top:150}，500)；$(".box2").css({top:150 })；