Maison >interface Web >js tutoriel >méthode jquery pour obtenir la position absolue et la position relative des éléments HTML_jquery

méthode jquery pour obtenir la position absolue et la position relative des éléments HTML_jquery

WBOY
WBOYoriginal
2016-05-16 16:43:501475parcourir

Coordonnées de position absolue :

Copier le code Le code est le suivant :

$("#elem").offset().top
$("#elem").offset().left

Coordonnées de position par rapport à l'élément parent :

Copier le code Le code est le suivant :

$("#elem").position().top
$("#elem").position().left

Aussi :
statique (par défaut) : méthode de positionnement par défaut.
Relatif (positionnement relatif) : basé sur la statique, le changement de position d'origine de l'élément relatif est obtenu en définissant le haut, le bas, la gauche et la droite.
Absolu (positionnement absolu) : il est relatif à l'élément parent. S'il y a un relatif dans l'élément parent, alors la position de l'élément est le résultat calculé. Autrement dit, l'objet de référence pour le positionnement absolu est "le dernier élément parent positionné (le statique ne compte pas)". Le positionnement absolu entraîne la suppression de l'élément du flux de documents.
fixe (positionnement fixe) : L'objet de référence du positionnement fixe est toujours le document courant. Grâce au positionnement fixe, il est facile de positionner un div en haut à gauche, en haut à droite, etc. du document du navigateur.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn