怎麼知道在網頁中的對象x和y位置

Question

可能重複：
How to get the top position of an element?

我只是想知道如何知道一個對象在網頁中的正確位置。我試圖自己解決這個疑問。但我無法解決。在像AS3這樣的其他語言中，有x和y屬性可以知道位置。但使用java腳本或j查詢，我不知道如何做到這一點。

這裏是一點點的代碼開始： 我想知道容器對象的x和y位置。

$(function(){ 
    var myObject = $('#container'); 
    var objectXpos; 
    var objectYpos; 
}); 

謝謝，naresh kumar。

Answer 1

由於您使用jQuery你可以使用：

$(function(){ 
    var myObject = $('#container'), 
     offset = myObject.offset(); //then you can access offset.top and offset.left 
}); 

Answer 2

有您可以採取兩種方法，即使用offset()或position()：

$(function(){ 
    var myObject = $('#container'), 
     posX = myObject.offset().left, 
     posY = myObject.offset().top; 
}); 

或者：

$(function(){ 
    var myObject = $('#container'), 
     posX = myObject.position().left, 
     posY = myObject.position().top; 
}); 

差異僅僅是offset()返回coor相對於頁面元素的左上角的元素，而position()返回相對於其offset-parent元素的座標。

參考文獻：

• offset()。
• position()。