动画与jquery，移动元素

Question

我有jquery中的动画问题。我想在时间之后（1秒）制作一个更小的元素，然后将其移动到底部（20px）。 我在做什么错？

$(function(){ 

    var box = $('box'); 

    box.delay(1000).animate({ 
     width: 100, 
     height: 100, 
    }, 3000, function(){ 

     box.animate({ 

      top: "+=20", 
      }, 3000); 
    }); 
}) 

Answer 1

你的代码的工作：https://jsfiddle.net/b4qjagwt/

不过，我觉得你的意思是选择#box不box，是这样吗？没有<box>元素。

对于向下移动的元素，你有两个选择：

1. 充分利用box元素有position: relative
2. 使用上边距："margin-top": "+= 20"

使用相对定位将意味着元素可能会溢出到别的东西上。我不知道你的网页是什么样的，但你可以尝试两种方式，看看哪个效果最好。