Puis-je obtenir les coordonnées d'un div avec JQuery?

Question

la position de la div sur la page varie. Comment puis-je obtenir la position y par le haut?

Answer 1

jQuery ('# id'). Offset()

Renvoie un objet avec des décalages supérieur et gauche.

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

Answer 2

Vous pouvez également être intéressé par la fonction de position qui obtient la position par rapport à un parent de décalage (vs décalage qui obtient par rapport au document)

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

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

Answer 3

Donc vous avez des options. position() ou offset().

position() Fondamentalement similaire à ce que vous pourriez utiliser dans le CSS haut, gauche des propriétés.

offset() Retourne la distance par rapport au document. Ceci prend en compte les marges, les paddings et les bordures.

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

Remarquez que les valeurs de position sont les mêmes que les valeurs de CSS, et décalés considère la position de la mère, de la frontière de la mère et de l'élément (« p ») de la marge et le rembourrage.

http://jsfiddle.net/4wfa6/

http://docs.jquery.com/CSS