动画与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"

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