Ich habe das IsCroll 4 -Plugin verwendet und es ist sehr gut. Ich benutze es, um berührungsfreundliche Scrollbars zu implementieren-ein tolles Plugin. Wenn ich Zeit habe, werde ich eine Erweiterungs -API dafür schreiben und einige Demos schreiben (wenn das Interesse gro? genug ist). Aber jetzt sind hier einige Codeausschnitte.

// 下面代碼片段的設(shè)置
var scrollName = 'myScroll',
     scrollDuration = 1000,
    scrollAmount = 200;

Scrolling mit Scroll -End -Rückruffunktion einstellen.

// 設(shè)置滾動并帶有滾動結(jié)束回調(diào)函數(shù)
window[scrollName] = new iScroll(scrollName, {
    onScrollEnd: function() {
        console.log('onScrollEnd');
        // 在滾動結(jié)束時執(zhí)行某些操作
    }
});

überprüfen Sie, ob das Scrollen oben im Inhalt steht.

// 檢查滾動是否位于內(nèi)容頂部
window[scrollName].y

überprüfen Sie, ob sich das Scrollen am Ende des Inhalts befindet.

// 檢查滾動是否位于內(nèi)容底部
window[scrollName].y == window[scrollName].maxScrollY

scrollen Sie nach oben im Inhalt.

// 滾動到內(nèi)容頂部
window[scrollName].scrollTo(0, 0, scrollDuration);

// 或
window[scrollName].scrollTo(0, 0);

relativ nach oben scrollen.

// 相對向上滾動
window[scrollName].scrollTo(0, '-'+scrollAmount, scrollDuration, true);

relativ zueinander nach unten scrollen.

// 相對向下滾動
window[scrollName].scrollTo(0, scrollAmount, scrollDuration, true);

// Wenn nicht, initialisieren Sie das Scrollen im Bootstrap -Modalfenster

if (!window[scrollName].wrapper) {
    // 它需要可見才能工作...
    setTimeout(function() {
        console.log('modal iscroll...');
        console.log(scrollName);
        window[scrollName] = new iScroll(scrollName);
    }, 10);
}

FAQ für ISCroll- und Scroll End -Ereignisse (FAQ)

Was ist der Hauptunterschied zwischen ISCroll- und Scroll -End -Ereignissen?

isCroll ist ein Hochleistungs-, kleiner platzgebausender, abh?ngig freier, multi-Plattform-JavaScript-Scroller. Es l?uft auf Desktops, mobilen Ger?ten und intelligenten Fernsehern. Es ist für verschiedene Arten von Veranstaltungen ausgelegt und ist sehr anpassbar. Andererseits ist das Scroll -End -Ereignis ein spezifischeres Ereignis, das nach Abschluss des Bildlaufvorgangs ausgel?st wird. Es ist Teil der Web -API und nicht so anpassbar wie Iscroll.

Wie kann man ISCroll in meinem Projekt verwenden?

Um ISCroll in Ihrem Projekt zu verwenden, müssen Sie die IsCroll -JavaScript -Datei in die HTML -Datei aufnehmen. Danach kann die neue ISCROLL -Instanz initialisiert werden, indem der ISCROLL -Konstruktor mit der ID des Elements aufgerollt wird. Sie k?nnen auch ein Optionsobjekt übergeben, um das Verhalten des Scrollers anzupassen.

Kann ich ISCroll mit React oder anderen JavaScript -Frameworks verwenden?

Ja, Iscroll kann mit jedem JavaScript -Gerüst verwendet werden, einschlie?lich React, Angular, Vue usw. Stellen Sie einfach sicher, dass die ISCROLL -Instanz nach dem Rahmen initialisiert wird.

Wie kann man auf Scroll -End -Ereignisse h?ren?

Sie k?nnen die Methode addEventListener für das Element verwenden, das Sie überwachen m?chten, um auf Scroll -End -Ereignisse zu h?ren. Die Event -Listener -Funktion wird aufgerufen, wenn ein Bildlaufvorgang in diesem Element abgeschlossen ist.

Kann ich das Verhalten des Scroll -End -Ereignisses anpassen?

Das Scroll -End -Ereignis selbst kann nicht angepasst werden, da es Teil der Web -API ist. Sie k?nnen jedoch anpassen, was passiert, wenn ein Ereignis ausgel?st wird, indem Sie Ihre eigene Ereignish?rerfunktion definieren.

Was sind einige h?ufige Anwendungsf?lle von ISCroll?

isCroll kann in verschiedenen Situationen verwendet werden, wenn anpassbare Hochleistungsrollen ben?tigt werden. Einige gemeinsame Anwendungsf?lle umfassen mobile Webanwendungen, einseitige Anwendungen und webbasierte Spiele.

Was sind einige übliche Anwendungsf?lle für Scroll -End -Ereignisse?

Das Scroll -End -Ereignis wird normalerweise verwendet, wenn Sie wissen müssen, wann der Bildlaufvorgang abgeschlossen ist. Dies ist nützlich für die verz?gerte Belastung des Inhalts, das unendliche Scrolling oder das Ausl?sen von Animationen basierend auf der Bildlaufposition.

Was sind die bekannten Probleme oder Einschr?nkungen von ISCroll?

isCroll ist eine ausgereifte und gut gepflegte Bibliothek, aber wie jede Software kann sie einige Probleme oder Einschr?nkungen haben. Diese werden normalerweise im Github -Repository des Projekts aufgezeichnet.

Was sind die bekannten Probleme oder Einschr?nkungen für das Scroll -End -Ereignis?

Das Scroll -End -Ereignis ist Teil der Web -API, daher sollte sein Verhalten in allen modernen Browsern konsistent sein. In ?lteren Browsern kann es jedoch einige Unterschiede in der Implementierung geben.

Wo finde ich weitere Informationen über ISCROLL- und SCROLL -Endveranstaltungen?

Weitere Informationen zu ISCroll finden Sie auf der offiziellen Website und im GitHub -Repository. Weitere Informationen zum Ende der Scroll -Ereignisse finden Sie in der Webdokumentation von Mozilla Developer Network (MDN).

Das obige ist der detaillierte Inhalt vonScroll 4 Helfer -Code -Snippets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!