Maison > interface Web > js tutoriel > Comment obtenir la position absolue et relative des éléments de la page en utilisant jQuery_jquery

Comment obtenir la position absolue et relative des éléments de la page en utilisant jQuery_jquery

WBOY
Libérer: 2016-05-16 15:56:02
original
1343 Les gens l'ont consulté

L'exemple de cet article décrit comment jQuery obtient la position absolue et relative des éléments de la page. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Pour obtenir les coordonnées absolues X, Y d'un élément sur la page, vous pouvez utiliser la méthode offset() :

var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;
Copier après la connexion

Obtenir la position relative (élément parent) :

var X = $('#DivID').position().top; 
var Y = $('#DivID').position().left; 
var pleft = $("selector").scrollLeft();//元素相对于滚动条左边的偏移量
var pTop = $("selector").scrollTop();//元素相对于滚动条顶部的偏移量

Copier après la connexion

J'espère que cet article sera utile à la programmation jQuery de chacun.

É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