Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:43:50
original
1451 Les gens l'ont consulté

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal