jQuery obtient un résumé de la hauteur et de la largeur de la page et des éléments - super Practical_jquery

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) :

Copier le code Le code est le suivant :

$(window).height();

Obtenez la largeur de la zone d'affichage du navigateur (zone visuelle) :

Copier le code Le code est le suivant :

$(window).width();

Obtenez la hauteur du document de la page

Copier le code Le code est le suivant :

$(document).hauteur();

Obtenez la largeur du document de la page :

Copier le code Le code est le suivant :

$(document).width();

La hauteur du corps du document de la fenêtre actuelle du navigateur :

Copier le code Le code est le suivant :

$(document.body).height();

La largeur du corps du document de la fenêtre actuelle du navigateur :

Copier le code Le code est le suivant :

$(document.body).width();

Obtenez la hauteur verticale de la barre de défilement vers le haut (c'est-à-dire la hauteur de la page Web qui défile vers le haut)

Copier le code Le code est le suivant :

$(document).scrollTop();

Obtenez la largeur verticale de la barre de défilement vers la gauche :

Copier le code Le code est le suivant :

$(document).scrollLeft();

Obtenir ou définir la largeur de l'élément :

Copier le code Le code est le suivant :

$(obj).width();

Obtenez ou définissez la hauteur d'un élément :

Copier le code Le code est le suivant :

$(obj).hauteur();

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