iScroll 5、スクロールイベントを検出する方法

Question

ページをスクロールし、this.y> 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); 
});