0

小さな画像をある場所から別の場所にアニメーション化する際に深刻な問題が発生しました。

宛先オフセットを取得し、オフセット コンテンツを座標として使用して、目的の場所に向かって画像をアニメーション化しようとします。しかし、それは常に間違った結果になります。

問題は position:relative, position:absolute; であることを理解しています。しかし、私が持っているレイアウトのために、これらを取り除くことはできません...

ウィンドウに対する座標を計算するより良い方法はありますか?

単純化されたフィドルを作成したので、私が何を意味するのかがわかります...

http://jsfiddle.net/9WMGk/1/

$("#thirdBA a").on("click", function(){
    $("#thirdBA").append('<p class="animated">This is me</p>');
    var offset = $("#second").offset();
    console.dir(offset.left);
    console.dir(offset.top);
    $(".animated").animate({left: offset.left, top: offset.top},"slow");
});

リンクをクリックするとボックスが追加されます。そして、「ここに来る」divに移動する必要があります。

私の問題を解決する方法はありますか？

4

1 に答える 1

0

2 番目の div の位置に基づいてアニメーション化できませんでしたか。$('#second').position() 詳細については、以下のフィドルを参照してください。

http://jsfiddle.net/davidchase03/9WMGk/3/

教えて - デビッド

于 2013-02-16T18:27:59.397 に答える