Maison  >  Article  >  interface Web  >  Résumé des méthodes jQuery pour obtenir la largeur et la hauteur de la page

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

php中世界最好的语言
php中世界最好的语言original
2018-04-23 17:36:002066parcourir

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();

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

$(window).width();

Obtenir la hauteur du document de la page

$(document).height();

Obtenir la largeur du document de la page :

$(document).width();

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

$(document.body).height();

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

$(document.body).width();

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();

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

$(document).scrollLeft();

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

$(obj).width();

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

$(obj).height();

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 6c04bd5ca3fcae76e30b72ad730ca86d ou 100db36a723c770d327fc0aef2ce13b1 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 d5ba1642137c3f32f4f4493ae923989c Il s'agit d'un attribut non standard mais bien pris en charge Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Comment utiliser les boucles dans jQuery


jQuery ajoute des segments de ligne à intervalles d'un certain nombre de elements


Comment utiliser JS+jQuery pour vérifier les informations d'enregistrement

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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