jquery、moving elementを使用したアニメーション

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>要素はありません。

下に移動する要素については、次の2つのオプションがあります：相対位置を使用して"margin-top": "+= 20"

は、要素を意味します：

1. をbox要素がposition: relative
2. は上マージンを使用して持っていることを確認します他のものにオーバーフローする可能性があります。私はあなたのページがどのように見えるのかわかりませんが、あなたは両方を試して、どれが最もうまくいくか見ることができます。