動畫與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"

使用相對定位將意味着元素可能會溢出到別的東西上。我不知道你的網頁是什麼樣的，但你可以嘗試兩種方式，看看哪個效果最好。