Question

我正在尝试使用animate函数将div从屏幕顶部移开，并在完成后引入另一个带回调的div。两个div一起移动，我不能让他们分开移动。即使我的功能中剩下的另一个div，它仍然会移动。谢谢！

  $('#move').hover(function() {
        $(this).animate(
        {
            marginTop: '-500px'
                },
        2000,
         function(){

        }
           ); // end animate     
      }); // end hover      



    <div id="moveup">
  move up
    </div>

   <div id="moveright"> 
move right
    </div>

Answer 1

它们一起移动是因为它们位于相对位置，因此当您在一个上设置负边距时，另一个跟随它。如果您希望它们是独立的，请使用position:absolute;

从文档流中删除它们

$('#moveup').hover(function() {
  $(this).animate({
    marginTop: '-20px'
  },500,function(){

  }); // end animate     
}); // end hover

#moveup, #moveright {
  position:absolute;
}
#moveup {
  top:50px;
}
#moveright {
  top:100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="moveup">move up</div>

<div id="moveright">move right</div>

用jquery移动div

1 个答案: