Le positionnement

Parallèlement aux méthodes jQuery sur la dimension des éléments, jQuery propose des méthodes pour déterminer la position de ceux-ci.

position() position

Renvoie la valeur top et left de la position d’un élément relative à son élément parent.

$("p:first").position();
 

Cette méthode renvoie un objet de type object{top,left}.

offset() offset

Renvoie la valeur top et left de la position d’un élément relative au document.

$("p:first").offset();
 

Cette méthode renvoie un objet de type object{top,left}.

Plus particulières sont les méthodes scrollTop(valeur) et scrollLeft(valeur) qui permettent de modifier le décalage par rapport au bord supérieur ou au bord gauche pour un élément. D’une certaine façon, ces méthodes permettent de contrôler l’amplitude de la barre de défilement verticale et horizontale.

scrollTop(valeur) scrollTop

Modifie le décalage (en pixels) entre le bord supérieur du document (top) et l’élément sélectionné, en prenant la valeur passée en argument.

valeur : nombre positif représentant le nouveau décalage désiré (en pixels).

$("div").scrollTop(300);
 

Cette méthode renvoie un objet jQuery.

scrollLeft(valeur) scrollLeft

Modifie le décalage (en pixels) entre le bord gauche du document (left) et l’élément sélectionné...