Was ist der Unterschied zwischen $ (Dokument) .height () und $ (window) .height ()

8

(Hoffentlich ist es kein Duplikat, weil ich es beim Suchen und Googlen nicht gefunden habe)

Ich versuche herauszufinden, wie man in einem DIV mit fester Höhe ('#div') erkennen kann, wenn der Scrollbalken das Ende dieses letzten div erreicht. Sollte ich $(document).height() und $(window).height() verwenden, um dieses Ereignis zu erkennen?

Edit: Mein div welches feste Höhe hat und über welches ich Auto-Scroll setze, also wie geht man damit um? wenn ich $ ('# div'). height () verwenden soll, ist diese Höhe festgelegt ....

    
Newben 24.01.2013, 14:55
quelle

5 Antworten

28

In der Dokumentation .height() :

%Vor%

In Ihrem Fall klingt es so, als ob Sie die Höhe von document anstatt von window möchten. Stellen Sie es sich so vor: Die window height ist das, was Sie sehen, aber die document height beinhaltet alles, was darunter oder darüber liegt.

BEISPIEL

BEARBEITEN :

Mit Hilfe der scrollTop() -Methode können Sie nach oben und unten scrollen.

%Vor%     
Chase 24.01.2013, 14:58
quelle
10

Die Dokumenthöhe ist die gesamte Höhe des gesamten Dokuments, auch außerhalb des sichtbaren Bereichs. Dies kann Tausende von Pixeln sein, wenn Sie eine lange Seite haben. Die Fensterhöhe ist nur der sichtbare Bereich.

    
Drew 24.01.2013 14:57
quelle
1

Unterschied zwischen $ (window) .height () und $ (Dokument) .height () Funktion.

Funktion

$ (window) .height ():

Im Idealfall $ (window) .height () gibt die pixelfreie Höhe des Browserfensters zurück. Dies ist immer die Höhe des aktuellen Browserfensters. Wenn Sie die Größe Ihres Browsers ändern, sollte sich dieser Wert ändern.

Funktion

$ (Dokument) .height (): $ (Dokument) .height () gibt einen einheitslosen Pixelwert der Höhe des gerenderten Dokuments zurück.

Wenn Sie in HTML keine DOCTYPE deklarieren, gibt die HTML-Seite für alle Zeiten $ (window) .height () und $ (document) .height () denselben Wert zurück.

%Vor%

Ausgabe:

%Vor%

Nach dem Deklarieren von DOCTYPE gibt es einen perfekten Wert zurück.

%Vor%

Ausgabe:

%Vor%     
Chirag Shah 05.08.2014 07:11
quelle
0

Die Höhe des Dokuments entspricht nicht unbedingt der Höhe des Fensters. Wenn Sie ein einfaches Dokument mit nur einem DIV und ein wenig Text haben, ist die Höhe des Dokuments winzig im Vergleich zur Höhe des Fensters.

    
syazdani 24.01.2013 14:57
quelle
0

Hier ist der Code von jQuery Quelle:

%Vor%

Also wird für $(window) clientHeight verwendet. Was, wie @Drew korrekt erwähnte, die Höhe des sichtbaren Bildschirmbereichs.

Für $(document) wird die gesamte Bildlaufhöhe der aktuellen Seite verwendet.

    
Misha Reyzlin 24.01.2013 15:02
quelle

Tags und Links