iScroll 5, Scroll-Ereignis erkennen

Question

Ich möchte meine Seite scrollen, und erkennen, ob dies.y> x Pixel, dann fügen Sie einen Einblendeffekt für ein Element auf der Seite. Aber ich kann nicht herausfinden, wie man das macht, während die Seite scrollt. Ich kann es auf ScrollEnd oder scrollStart tun, aber nicht auf Scroll.

myScroll.on('Scroll',function(){ 
    console.log(this.y); 

    if(this.y < -140){ 
     $(".permission_content").addClass("fadein"); 
    }else{ 

    } 

}); 

Ich Verknüpfung Bitte an iscroll-probe.js

helfen! Vielen Dank!

Answer 1

Wenn Sie die Dokumentation für onscroll, options.probeType betrachten, sollten Sie die Rate anpassen, mit der Ihre Funktion ausgelöst werden soll.

Scroll-Ereignisse beobachten kann die Leistung beeinträchtigen. Obwohl ich nicht garantieren kann, möchten Sie möglicherweise versuchen, debounce Ihre Handler, so dass es nicht so oft feuern. Hier ist eine einfache:

function fadeContent() { 
    // do animations here 
} 

var debouncedFade 
myScroll.on('scroll', function(){ 
    clearTimeout(debouncedFade); 
    debouncedFade = setTimeout(fadeContent, 100); 
});