iScroll 5, как обнаружить событие прокрутки

Question

Я хочу, чтобы моя прокрутка страницы и обнаружила, если this.y> x pixel, а затем добавьте эффект затухания для элемента на странице. Но я не могу понять, как это сделать, пока страница прокручивается. Я могу сделать это на scrollEnd или scrollStart, но не на прокрутке.

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

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

    } 

}); 

Я ссылки на iscroll-probe.js

Пожалуйста, помогите! Благодаря!

Answer 1

Рассматривая документацию для onscroll, options.probeType, необходимо настроить скорость, с которой должна стрелять ваша функция.

Наблюдение за событиями прокрутки может действительно повредить производительность. Хотя я не могу гарантировать, вы можете попытаться выполнить debounce ваш обработчик, чтобы он не срабатывал так часто. Вот простой:

function fadeContent() { 
    // do animations here 
} 

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