Czy mogę uzyskać współrzędne elementu div z JQuery?

Question

Stanowisko div na stronie jest różne. Jak mogę uzyskać pozycję y od góry?

Answer 1

jQuery ('# id'). Przesunięcie()

Zwraca obiekt z górnej i lewej offsetu.

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

Answer 2

Możesz być także zainteresowany w funkcji położenia który dostaje Stanowisko względem offsetowej rodzica (vs offsetu, który dostaje to w stosunku do dokumentu)

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

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

Answer 3

Musisz więc mieć opcje. pozycja() lub przesunięcie().

pozycja() Zasadniczo podobne do tego, czego można użyć w górnej i lewej części właściwości CSS.

offset() Zwróci odległość w stosunku do dokumentu. Uwzględnia to marginesy, wypustki i granice.

<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 } 

Wskazówki, jak wartości pozycji są takie same jak wartości CSS i przesunięcie uważa pozycji dominującej, granica rodzica i („P”) margines i padding elementu.

http://jsfiddle.net/4wfa6/

http://docs.jquery.com/CSS