Detaillierte Erklärung der Funktion .scroll() in jQuery

Die Funktion

scroll() wird verwendet, um eine Handlerfunktion an das Scroll-Ereignis jedes passenden Elements zu binden. Diese Funktion kann auch zum Auslösen von Scroll-Ereignissen verwendet werden. Darüber hinaus können Sie zusätzliche Daten an den Event-Handler übergeben.

Das Scroll-Ereignis wird ausgelöst, wenn sich die Position der Scroll-Leiste des Elements ändert. Dieses Ereignis gilt im Allgemeinen nur für Fensterobjekte oder andere scrollbare Elemente (im Allgemeinen werden Bildlaufleisten angezeigt).

Darüber hinaus können Sie mehrere Event-Handler binden, indem Sie diese Funktion mehrmals für dasselbe Element aufrufen. Wenn das Scroll-Ereignis ausgelöst wird, führt jQuery die gebundenen Ereignisverarbeitungsfunktionen in der Reihenfolge der Bindung aus.

Um ein über scroll() gebundenes Ereignis zu löschen, verwenden Sie die Funktion unbind().

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

jQueryObject.scroll( [ [ data ,]  handler ] )

Wenn mindestens ein Parameter angegeben ist, bedeutet dies, dass die Handlerfunktion des Scroll-Ereignisses gebunden wird; wenn keine Parameter angegeben werden, bedeutet dies, dass das Scroll-Ereignis ausgelöst wird.

Parameter

jQuery 1.4.3 neue Unterstützung: scroll() unterstützt Datenparameter.

Dies im Parameterhandler zeigt auf das aktuelle DOM-Element. scroll() übergibt außerdem einen Parameter an den Handler: das Event-Objekt, das das aktuelle Ereignis darstellt.

Wenn der Rückgabewert des Funktionshandlers falsch ist, bedeutet dies, dass das Standardereignisverhalten des Elements verhindert und verhindert wird, dass das Ereignis im DOM-Baum sprudelt. Wenn beispielsweise die Handlerfunktion des Klickereignisses des Links false zurückgibt, kann das Standard-URL-Sprungverhalten des Links verhindert werden.

<div id="msg" style="height: 3000px;" ></div>

$(window).scroll( function(event){
    $("#msg").append( $(this).scrollTop() + &#39;<br>&#39; );
} );

// 触发window对象的scroll事件
// $(window).scroll( );

var maxScrollTop = 1000;

// 向下滚动到据顶部超过1000px时，回到顶部
$(window).scroll( maxScrollTop, function(event){
    var $me = $(this);
    if( $me.scrollTop() > event.data ){
        $me.scrollTop( 0 );
    }
} );