JQuery überprüfen, ob div bis zum Ende gescrollt wurde

Dieser prägnante JQuery -Code -Snippet wird verwendet, um festzustellen, ob der Benutzer am unteren Rand des DIV -Elements scrollt und ein Ereignis auslöst. Dies ist nützlich, um zu wissen, ob der Benutzer nach unten scrollt (Überlauf: Scrollen), um beispielsweise zu überprüfen, ob der Benutzer die Allgemeinen Geschäftsbedingungen im Registrierungsformular gelesen hat.

$(document).ready(function(){
    $('div').bind('scroll', chk_scroll);
});

function chk_scroll(e){
    var elem = $(e.currentTarget);
    if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()){
        console.log("已滚动到底部");
    }
}

Andere Methoden:

// scrollTop 指的是滚动条的顶部位置，等于 scrollHeight - offsetHeight
if (obj.scrollTop == (obj.scrollHeight - obj.offsetHeight)) { }

jQuery scrollbezogene FAQs (FAQs)

Wie kann ich JQuery verwenden, um festzustellen, ob der Benutzer am unteren Rand des Div -Elements scrollt?

Verwenden Sie JQuery, um festzustellen, ob der Benutzer am unteren Rand des DIV -Elements scrollt. scroll Ereignis feuert aus, wenn der Benutzer das DIV -Element scrollt. scrollTop Attribut gibt die Anzahl der Pixel zurück, in denen der Elementinhalt nach oben scrollt. scrollHeight Das Attribut gibt die Gesamthöhe des Elements in Pixeln zurück, einschließlich der inneren Ränder, jedoch nicht der Grenzen, Scrollstangen oder Ränder. Durch den Vergleich dieser beiden Eigenschaften können Sie feststellen, ob der Benutzer nach unten im DIV -Element gescrollt hat. scroll Was ist der Unterschied zwischen scrollTop und scrollHeight in

?

scrollTop In JQuery sind scrollHeight und

zwei Eigenschaften, die Informationen über die Bildlaufposition und Höhe des Elements liefern.

Gibt die Anzahl der Pixel zurück, bei denen der Elementinhalt nach oben scrollt. Gibt 0 zurück, wenn das Element nicht scrollen. scrollTop gibt die Gesamthöhe des Elements in Pixeln zurück, einschließlich der inneren Ränder, nicht der Grenzen, der Scrollstangen oder der Ränder. Es enthält die Höhe des Inhalts, der aufgrund des Überlaufs auf dem Bildschirm nicht sichtbar ist. scrollHeight scrollTop Wie kann ich jQuery verwenden, um zu überprüfen, ob der Benutzer am Ende der Seite scrollt? scrollHeight

Um mit JQuery zu überprüfen, ob der Benutzer am Ende der Seite scrollt, können Sie das Ereignis

mit

,

, scroll Eigenschaften in Kombination verwenden. scrollTop Ereignis wird abgefeuert, wenn der Benutzer die Seite scrollt. scrollHeight Attribut gibt die Anzahl der Pixel zurück, die der Seiteninhalt nach oben scrollt. height Attribut gibt die Gesamthöhe der Seite in Pixel zurück. Die Eigenschaft scroll gibt die Höhe des Ansichtsfensters zurück. Durch den Vergleich dieser Eigenschaften können Sie feststellen, ob der Benutzer am Ende der Seite gescrollt hat. scrollTop scrollHeight Kann ich JQuery verwenden, um zu erkennen, wann der Benutzer mit dem Scrollen beginnt? height

Ja, Sie können JQuery verwenden, um zu erkennen, wann der Benutzer mit dem Scrollen beginnt. Sie können das Ereignis

verwenden, um es zu erreichen.

Ereignis feuert aus, wenn der Benutzer das angegebene Element scrollt. Durch die Verwendung dieses Ereignisses können Sie Funktionen ausführen oder einen bestimmten Code ausführen, wenn der Benutzer mit dem Scrollen beginnt.

Wie kann ich JQuery verwenden, um die Bildlaufrichtung zu erkennen?

Um JQuery zu verwenden, um die Bildlaufrichtung zu erkennen, können Sie die aktuelle Scrolling -Position mit der vorherigen Bildlaufposition vergleichen. Wenn die aktuelle Scrollposition größer ist als die vorherige Scrollposition, scrollt der Benutzer nach unten. Wenn die aktuelle Scrollposition kleiner als die vorherige Scrollposition ist, scrollt der Benutzer nach oben. Sie können die aktuelle Scrollposition in einer Variablen speichern und jedes Mal aktualisieren, wenn das Ereignis scroll abgefeuert wird.

Kann ich JQuery verwenden, um das Scrollen zu verhindern?

Ja, Sie können JQuery verwenden, um das Scrollen zu verhindern. Sie können die scroll -Methode im Ereignis event.preventDefault() verwenden, um dies zu erreichen. Diese Methode storniert das Ereignis, wenn das Ereignis storniert werden kann, was bedeutet, dass die Standardaktion zum Ereignis nicht erfolgt. Bei scroll Ereignissen ist die Standardaktion mit dem Scrollen. Die Verwendung dieser Methode verhindert daher das Scrollen.

Wie kann ich JQuery -Animation verwenden, um zu scrollen?

Sie können die animate -Methode und scrollTop Attribut für die Animal Scrolling verwenden. Die animate -Methode führt eine benutzerdefinierte Animation einer Reihe von CSS -Eigenschaften aus. scrollTop Eigenschaften, die die Anzahl der Pixel festgelegt oder zurückgeben, auf die der Elementinhalt vertikal gescrollt wird. Durch die Verwendung in Kombination können Sie das Bildlauf von Elementen animieren.

Kann ich JQuery verwenden, um zu einem bestimmten Element zu scrollen?

Ja, Sie können JQuery verwenden, um zu bestimmten Elementen zu scrollen. Sie können die Methode animate und die offset -Methode verwenden, um dies zu erreichen. Die animate -Methode führt eine benutzerdefinierte Animation einer Reihe von CSS -Eigenschaften aus. offset Methode gibt die Koordinaten des Elements relativ zur oberen linken Ecke des Dokuments zurück. Durch die Verwendung in Kombination können Sie das Bildlauf der Seite auf bestimmte Elemente animieren.

Wie kann ich JQuery verwenden, um nach oben auf der Seite zu scrollen?

Sie können die JQuery -Kombination mit der animate -Methode und der scrollTop -Sache verwenden, um nach oben auf der Seite zu scrollen. Die animate -Methode führt eine benutzerdefinierte Animation einer Reihe von CSS -Eigenschaften aus. scrollTop Eigenschaften, die die Anzahl der Pixel festgelegt oder zurückgeben, auf die der Elementinhalt vertikal gescrollt wird. Sie können die Scrollen der Seite nach oben animieren, indem Sie die Eigenschaft animate in der scrollTop -Methode auf 0 einstellen.

Kann ich JQuery verwenden, um zu erkennen, wann ein Benutzer aufhört zu scrollen?

Ja, Sie können JQuery verwenden, um zu erkennen, wann der Benutzer aufhört, zu scrollen. Sie können die Funktion scroll und setTimeout verwenden, um es zu implementieren. scroll Ereignis feuert aus, wenn der Benutzer das angegebene Element scrollt. setTimeout Die Funktion ruft eine Funktion auf oder berechnet einen Ausdruck nach der angegebenen Anzahl von Millisekunden. Durch die Verwendung in Kombination können Sie Funktionen ausführen oder einen bestimmten Code ausführen, wenn der Benutzer nicht mehr scrollen.

Das obige ist der detaillierte Inhalt vonJQuery überprüfen, ob div bis zum Ende gescrollt wurde. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!