마우스 휠 중복 과다 제어 막기

ClearTimeout과 SetTimeout 으로 마우스 휠 중복 과다 제어 막기

 

 var timeout;
 
// 휠이벤트가 발생하면
window.onwheel = function(){
    clearTimeout(timeout);  //이전 휠 이벤트 제거
    timeout = setTimeout(function(){ //다시 휠 이벤트 발생  0.1초후
        // to do
    }, 1000);
};

 

 

// section위에서 마우스 휠을 움직이면
$('section').on("mousewheel DOMMouseScroll", function(event,delta){

    if (delta > 0 && cnt > 0 && wt>1024 && window.matchMedia("(min-width: 1024px)").matches) { //마우스 휠을 올렸을때

        clearTimeout(timer);
        timer = setTimeout(function(){
            console.log(cnt);
            cnt --;
            scrollMove(cnt);
        }, 150);
        return false;

    }else if (delta < 0 && cnt < sectionLen && wt>1024 && window.matchMedia("(min-width: 1024px)").matches) {  //마우스 휠을 내렸을때

        clearTimeout(timer);
        timer = setTimeout(function(){
            console.log(cnt);
            cnt ++;
            scrollMove(cnt);
        }, 150);
        return false;
    }
});