[javascript] 헤더 스크롤 이벤트

/* header */
const header_main = document.querySelector('header');

document.addEventListener("scroll", function(){
    let scroll_top = window.scrollY;
    if(scroll_top > 0){
        header_main.classList.add("on");
    }else{
        header_main.classList.remove("on");
    }
})

헤더 javascript로 스크롤위치 0보다 크면 class = "on" 추가하기