如何獲得一個HTML元素的「絕對」位置

Question

我必須通過CSS定位這樣一些元素：

#myItem{ 
position: absolute; 
left: 50%; 
margin-left: -350px; 
} 

我想從的頁面的頂部和左側空白得到他們的距離。 如何使用javascript/jquery獲得這些度量值？

感謝

Answer 1

看看jQuery的

.position()

和

.offset()

編輯：正如@Nick提到，.offset（）是你想要什麼，如果您需要相對於文檔的位置

$("#myItem").offset().top; 

Answer 2

您可以使用.offset()此：

var offset = $("#myItem").offset(); 
//use offset.left, offset.top 

You can give it a try here。