requestAnimationFrame實現一幀的函式節流

看風景就發表於2018-08-05
requestAnimationFrame函式

用一個變數判斷raf的回撥是否已經執行了，已經執行了說明過了一幀，通常是16.7ms，達到了函式節流一幀的目的。

var locked = false;
window.addEventListenser('scroll',function(){
    if(!locked){
        locked = true;
        window.requestAnimationFrame(fAnim);
    }
});

function fAnim(){
    locked = false;
    //code
}

 

 

出處：https://juejin.im/post/5976b1ef5188250c980304c9

相關文章