iScroll 5，如何检测滚动事件

我想让页面滚动，并检测this.y> x像素，然后为页面上的元素添加淡入效果。但我无法弄清楚如何做到这一点，而页面滚动。我可以在scrollEnd或scrollStart上做，但不能滚动。iScroll 5，如何检测滚动事件

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

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

    } 

});

我链接到iscroll-probe.js

请帮帮忙！谢谢！

来源

2016-04-28 DJ.S

我刚刚添加了probeType：2到我的滚动。现在滚动它检测this.y，我认为它正确地添加效果。但是这个卷轴非常非常弯曲。这是一个错误还是我没有做正确的事情？ –

查看onscroll的文档，options.probeType应该调整函数应该触发的速率。

观看滚动事件的确会损害性能。虽然我不能保证，但您可能想尝试debounce您的处理程序，因此它不会经常触发。这里是一个简单的：

function fadeContent() { 
    // do animations here 
} 

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

来源

2016-04-29 02:05:56 jubalm

iScroll 5，如何检测滚动事件

回答

相关问题