Méthode position

La méthode position permet d'obtenir la position d'un élément par rapport aux marges de son parent, contrairement à la méthode offset, qui obtient les coordonnées par rapport au document. La méthode position est plus utile pour positionner un nouvel élément à côté d'un autre dans le même parent. En résultat, la méthode retourne un objet contenant les propriétés top et left. Des erreurs de calcul peuvent survenir si l'utilisateur modifie les dimensions de la page. De plus, la méthode n'obtient pas les coordonnées des éléments cachés.

Syntaxe

Obtenir les coordonnées actuelles. Dans certains cas, les valeurs obtenues peuvent être fractionnaires :

$(sélecteur).position();

Exemple

Obtenons la position d'un paragraphe qui est situé dans une div à l'aide de la méthode position, puis, en accédant aux clés de l'objet obtenu, afficher cette information dans un autre paragraphe :

<div style="padding: 15px;">
	<p style="margin-left: 10px;">text</p>
</div>
<p></p>

let position = $('p').first().position();
$('p').last().text('left: ' + position.left + ', top: ' + position.top);

Voir aussi

méthode offset,
qui permet d'obtenir les coordonnées actuelles d'un élément
méthode offsetParent,
qui permet d'obtenir le plus proche ancêtre positionné de l'élément
méthode css,
qui permet d'obtenir et de modifier les styles CSS d'un élément