Maison  >  Article  >  interface Web  >  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
WBOYoriginal
2016-05-16 15:56:021311parcourir

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;

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();//元素相对于滚动条顶部的偏移量

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

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