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

Compréhension précise des différentes hauteurs des fenêtres, des documents et des pages Web jQuery_jquery

WBOY
Libérer: 2016-05-16 16:42:42
original
1017 Les gens l'ont consulté

$(document).height() : La hauteur de la page Web entière
$(window).height() : La hauteur de la fenêtre visible du navigateur
$(window).scrollTop() : La hauteur entre le haut de la fenêtre visuelle du navigateur et le haut de la page Web (décalage vertical)

Pour le comprendre en une phrase : lorsque la barre de défilement de la page Web est tirée vers l'extrémité la plus basse, $(document).height() == $(window).height() $(window).scrollTop( ).

Lorsque la hauteur de la page Web est inférieure à la fenêtre du navigateur, $(document).height() renvoie $(window).height().

Il n'est pas recommandé d'utiliser des hauteurs telles que $("html").height() et $("body").height().

Raison :

$("body").height() : Le corps peut avoir une bordure, et la hauteur obtenue sera inférieure à $(document).height();
$("html").height() : La signification de la hauteur obtenue sur différents navigateurs sera différente pour parler franchement, le navigateur est incompatible.
Il y a un problème avec la valeur $(window).height(). Ce qui est renvoyé n'est pas la hauteur de la fenêtre du navigateur ?

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!