jQueryの位置をアニメーション化する

Question

position({of:,my:,at:})を使用して現在の位置から中心にどのようにアニメーションできますか？ プロセスを自動化する方法はありますか、または手動でCSSプロパティをアニメーション化する必要はありますか？

Answer 1

あなたは.animate()を見ましたか？

編集：これで、あなたが少し良くなっていることを理解したので、here is a jQuery plugin that I wrote to do this very thing。

Here's a quick jsFiddle as an example。

オプションを設定可能なオブジェクトにしました。例：

$('#clickme').click(function() { 
    $('#blah').align({speed:1000,y:false}); 
});​ 

EDIT：それはもはや必要とただ雑然とものまであるので、他のコードを取り出すません。私の新しいコードを整理する。オフセットの親の位置付けの問題を修正しました。最新バージョンのソースを使用して、gitリポジトリとjsFiddleへのリンクを追加しました。

Answer 2

この回答は2月に戻ってきたかもしれませんが、今はもっと簡単な方法があります。

positionメソッドは、この目的のためだけにusing引数をとります。たとえば、

$(div).position({ 
    at: "left+50% top+50%", 
    of: $(div).parent(), 
    using: function(css, calc) { 
     $(this).animate(css, 200, "linear"); 
    } 
});