Genaues Verständnis der verschiedenen Höhen von jQuery-Fenstern, Dokumenten und Webseiten_jquery

$(document).height(): Die Höhe der gesamten Webseite
$(window).height(): Die Höhe des sichtbaren Fensters des Browsers
$(window).scrollTop(): Die Höhe vom oberen Rand des visuellen Fensters des Browsers bis zum oberen Rand der Webseite (vertikaler Versatz)

Um es in einem Satz zu verstehen: Wenn die Bildlaufleiste der Webseite an das unterste Ende gezogen wird, $(document).height() == $(window).height() $(window).scrollTop( ).

Wenn die Höhe der Webseite kleiner als das Browserfenster ist, gibt $(document).height() $(window).height() zurück.

Es wird nicht empfohlen, Höhen wie $("html").height() und $("body").height() zu verwenden.

Grund:

$("body").height(): Der Körper kann einen Rand haben und die erhaltene Höhe ist kleiner als $(document).height(); $("html").height(): Die Bedeutung der in verschiedenen Browsern erhaltenen Höhe ist unterschiedlich. Um es ganz klar auszudrücken: Der Browser ist nicht kompatibel.
Mit dem Wert $(window).height() stimmt etwas nicht. Was zurückgegeben wird, ist nicht die Höhe des Browserfensters.