Maison >interface Web >js tutoriel >Compréhension précise des différentes hauteurs des fenêtres, des documents et des pages Web jQuery_jquery

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

WBOY
WBOYoriginal
2016-05-16 16:42:421077parcourir

$(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 ?

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