Wie erkennt man mit jQuery, wann ein Benutzer das Ende eines Divs mit variablem Inhalt erreicht hat?

Erkennen des Scrollens am Ende eines Div mit jQuery

Ziel:
Bestimmen, wann ein Benutzer nach unten scrollt eines angegebenen div-Elements.

Frage:
Wie kann ich erkennen, wenn ein Benutzer das Ende eines div mit einer variablen Menge an Inhalten erreicht und der Überlauf auf „Automatisch“ eingestellt ist?

Antwort:

Um das Ende des Div-Scrollens zu erkennen, verwenden Sie die folgenden jQuery-Eigenschaften/-Methoden:

• $(). scrollTop(): Gibt den Betrag zurück, um den das Element horizontal oder vertikal gescrollt wurde.
• $().innerHeight(): Gibt die innere Höhe des Elements zurück.
• DOMElement.scrollHeight: Gibt die Höhe des Elementinhalts zurück.

Kombinieren Sie die ersten beiden Eigenschaften, um die gesamte sichtbare Höhe zu erhalten, und vergleichen Sie sie zur Bestimmung mit der scrollHeight wenn der Benutzer nach unten gescrollt hat.

<code class="javascript">jQuery(function($) {
    $('#flux').on('scroll', function() {
        if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
            alert('End of div reached');
        }
    })
});</code>

Zusätzliche Hinweise:

• Der bereitgestellte Code verwendet die jQuery 1.7-Syntax. Verwenden Sie für ältere Versionen .bind() anstelle von .on().
• Diese Lösung funktioniert auch dann ordnungsgemäß, wenn der Inhalt innerhalb des Div dynamisch hinzugefügt oder entfernt wird.
• Passen Sie den Ereignishandler an zu Ihrem bevorzugten Behälter und Ihrer bevorzugten Aktion.

Das obige ist der detaillierte Inhalt vonWie erkennt man mit jQuery, wann ein Benutzer das Ende eines Divs mit variablem Inhalt erreicht hat?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!