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，如何檢測滾動事件

回答

相關問題