如何使用jQuery將div移動到頁面上的某個位置？

Question

我試圖讓紅色的div出來，並且點擊鏈接時點擊我鏈接。

$('.clickMe').click(function() { 

    var pos = $(this).offset().top;   

    $('.myDiv').animate({ 
     marginTop: '-'+pos+'px', 
    }, 1000);  

}); 

<a href="" class="clickMe">Click Me</a> 
<br /><br /><br /><br /><br /><br /><br /><br /> 
<div style="position: absolute; border: 1px solid red; height: 50px; width: 50px" class="myDiv"></div> 

這裏是我的失敗嘗試：

http://jsfiddle.net/SWqmb/4/

我如何得到這個工作？

Answer 1

試試這個，動畫的top財產可能是一個更好的選擇，切緣陰性，可以有不良的影響：

$('.clickMe').click(function(e) { 

    e.preventDefault(); 

    var pos = $(this).offset().top;   

    $('.myDiv').animate({ 
     top: pos + $(this).height() 
    }, 1000); 

}); 

演示：http://jsfiddle.net/SWqmb/6/

Answer 2

這應該工作。 http://jsfiddle.net/SWqmb/8/

但我認爲不是最好的辦法。