03. 패럴랙스 스크롤링 효과 : 숨김 메뉴

        // window.addEventListener("scroll", () => {
        //     let scrollTop = window.pageYOffset || document.documentElement.scrollTop  ||  window.scrollY; 

        //     //스크롤 값이 0보다 크면 SHOW 클래스 추가
        //     if(0<scrollTop){
        //         document.querySelector("#parallax__nav").classList.add("show");
        //     } else {
        //         document.querySelector("#parallax__nav").classList.remove("show"); //맨위로 오면 사라짐
        //     }
            
        //     document.querySelector(".scrollTop span").innerText = Math.round(scrollTop);
        // });

        let nowScroll = true;
        let lastScroll = 0;

        function scrollProgress(){
            nowScroll = true;
            
            setInterval(()=>{
                if(nowScroll){
                    nowScroll = false;
                    hasScroll();
                }
            }, 300);

            // console.log(nowScroll);
        }
        function hasScroll(){
            let scrollTop = window.pageYOffset || document.documentElement.scrollTop  ||  window.scrollY; 

            if(scrollTop < lastScroll){
                document.querySelector("#parallax__nav").classList.add("show");
            } else {
                document.querySelector("#parallax__nav").classList.remove("show"); //맨위로 오면 사라짐
            }

            lastScroll = scrollTop;

            // console.log("lastScoll :"+lastScroll);
            // console.log("scrollTop :"+lastScroll);
        }

        window.addEventListener("scroll", scrollProgress)

패럴랙스03 사이트