Maison > interface Web > js tutoriel > le corps du texte

Résumé des méthodes jQuery pour obtenir la largeur et la hauteur de la page

php中世界最好的语言
Libérer: 2018-04-23 17:36:00
original
2041 Les gens l'ont consulté

Cette fois je vais vous apporter un résumé de la méthode jQuery pour obtenir la largeur et la hauteur de la page. Quelles sont les précautions pour jQuery pour obtenir la largeur et la hauteur de la page. Voici un cas pratique, allons-y. jetez un oeil.

Obtenir la hauteur de la zone d'affichage du navigateur (zone visible) :

$(window).height();
Copier après la connexion

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

$(window).width();
Copier après la connexion

Obtenir la hauteur du document de la page

$(document).height();
Copier après la connexion

Obtenir la largeur du document de la page :

$(document).width();
Copier après la connexion

Hauteur du corps du document de la fenêtre actuelle du navigateur :

$(document.body).height();
Copier après la connexion

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

$(document.body).width();
Copier après la connexion

Obtenir la hauteur verticale de la barre de défilement vers le haut (c'est-à-dire la hauteur du Web page en cours de déroulement)

$(document).scrollTop();
Copier après la connexion

Récupérer la barre de défilement Largeur verticale vers la gauche :

$(document).scrollLeft();
Copier après la connexion

Récupérer ou définir la largeur d'un élément :

$(obj).width();
Copier après la connexion

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

$(obj).height();
Copier après la connexion

un élément La distance entre la bordure supérieure du body et le haut : obj.offset().top ; (lorsque l'élément conteneur ne contient pas de barre de défilement)
un élément La distance entre le bord gauche du body vers la gauche : obj.offset().left; (lorsque l'élément conteneur ne contient pas de barre de défilement)
renvoie l'élément actuel Le décalage entre le bord supérieur de l'élément 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 bord gauche de l'élément courant Le décalage de la bordure par rapport à la bordure gauche de son élément conteneur : obj.offset(). left (dans le cas où l'élément contenant l'élément contient des barres de défilement)
obj.offset( ).top;
Définit ou renvoie le nombre de pixels qui ont défilé jusqu'à bordure gauche ou supérieure 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é CSS overflow 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 de le document défilant. Notez que ces propriétés ne spécifient pas la quantité de défilement pour une balise