Maison >interface Web >js tutoriel >Compréhension précise des différentes hauteurs des fenêtres, des documents et des pages Web jQuery_jquery
$(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 ?