我可以通過JQuery獲得div的座標嗎？

Question

div在頁面上的位置各不相同。我怎麼能從頂部獲得y位置？

Answer 1

jQuery的（ '＃標識'）。偏移（）

返回與頂部和左側偏移的對象。

http://api.jquery.com/offset/

Answer 2

您還可以是感興趣的位置的函數，其獲取相對於偏移的父的位置（相對於偏移量得到它相對於文檔）

var position = $('#id').position(); 

http://api.jquery.com/position/

Answer 3

所以你必須選擇。 position（）或offset（）。

position（）基本上類似於你可以在CSS top，left屬性中使用的東西。

偏移量（）將返回相對於文檔的距離。這考慮了利潤率，填充和邊界。

<style> 
    .cont { 
     position: absolute; 
     top: 100px; 
     left: 100px; 
     border: solid 3px black; 
    } 
    p { 
     margin: 20px; 
     padding: 20px; 
     border: solid 2px black; 
     position: absolute; 
     top: 20px; 
     left: 20px; 
    } 
    </style> 

    <div class="cont"> 
     <p>Hello World!</p> 
    </div> 

    $('p').position() => { top: 20, left: 20 } 
    $('p').offset() => { top: 143, left : 143 } 

通知位置值如何都是一樣的CSS值和偏移考慮父的位置，父的邊界和所述元素的（「P」）邊距和填充。

http://jsfiddle.net/4wfa6/

http://docs.jquery.com/CSS