Ce qui suit est un résumé des méthodes utilisées par jQuery pour obtenir la hauteur et la largeur des pages et des éléments individuels et est partagé avec tout le monde.
Obtenir la hauteur de la zone d'affichage du navigateur (zone visuelle) :
La largeur du corps du document de la fenêtre actuelle du navigateur :
Obtenir ou définir la largeur de l'élément :
La distance entre la bordure supérieure d'un élément et le haut du body : obj.offset().top; (lorsque l'élément conteneur ne contient pas de barres de défilement)
La distance entre le bord gauche d'un élément et la position la plus à gauche de body : obj.offset().left; (lorsque l'élément conteneur ne contient pas de barre de défilement)
Renvoie le décalage entre le bord supérieur de l'élément courant et le bord supérieur de son élément conteneur : obj.offset().top (dans le cas où l'élément conteneur de l'élément contient une barre de défilement)
Renvoie le décalage entre le bord gauche de l'élément courant et le bord gauche de son élément conteneur : obj.offset().left (dans le cas où l'élément conteneur de l'élément contient une barre de défilement)
obj.offset().top;
Définit ou renvoie le nombre de pixels qui ont défilé vers le bord gauche ou supérieur de l'élément. En termes simples, il s'agit de définir ou d'obtenir le décalage de l'élément correspondant par rapport au côté supérieur ou gauche de la barre de défilement. Ces pixels ne sont utiles que si l'élément a des barres de défilement, par exemple, si la propriété Débordement CSS de l'élément est définie sur auto. Ces propriétés sont également définies uniquement sur les balises ou du document (cela dépend du navigateur), et ensemble elles sont utilisées pour spécifier la position du document défilant. Notez que ces propriétés ne spécifient pas la quantité de défilement pour une balise
