iScroll 5，如何检测滚动事件

Question

我希望我的页面滚动，并检测是否this.y＆gt; x像素，然后为页面上的元素添加淡入效果。但在页面滚动时我无法弄清楚如何做到这一点。我可以在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);
});