文書内の未知の場所に要素をアニメ化する

Question

私は、ある種の情報を含むメッセージdivのようなものを持っています。

DOMのどこかにこのテキストをアニメーション化する必要があります。つまり、テキストがどこから始まるのか、またはアニメーション化される必要があるのか​​分かりません。

Take a look at this、あなたは私が何を意味するかわかります、div要素の順序は、必ずしも、より多くのメッセージが来て、私が必要として、ログのdivのサイズが大きくなります。また、このため

になりませんそれはテキストが終わる正確な場所にアニメートすることです。

Answer 1

ないそれはあなたが後にしている何かどうかわから：

$(document).ready(function() { 
    var dx=$('#message').offset().left; 
    var dy=$('#message').offset().top; 
    var ox=$('#log').offset().left; 
    var oy=$('#log').offset().top; 
    $("#log") 
     .css({"position": "absolute","left":ox+"px", "top":oy+"px"}) 
     .animate({"top":dy+"px","left":dx+"px"}, 500, function() { 
      $('#message').text($(this).text()); 
     }); 
}); 

はフィドル - >http://jsfiddle.net/KhVuS/9/