(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 ....
In der Dokumentation .height()
:
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.
BEARBEITEN :
Mit Hilfe der scrollTop()
-Methode können Sie nach oben und unten scrollen.
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%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.
Tags und Links javascript jquery scroll window