Script effect/Parallax effect

Javascript Parallax Effect04 - 나타나기

개발자가되고싶은자 2022. 3. 8. 14:16

 function scroll() {
            let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY;
            document.querySelector(".scrollTop span").innerText = Math.round(scrollTop);


            // if(scrollTop > document.getElementById("section1").offsetTop) {
            //     document.getElementById("section2").classList.add("show")
            // }
            document.querySelectorAll(".content__item").forEach(el => {
                if (scrollTop >= el.offsetTop - window.innerHeight / 2) {
                    el.classList.add("show");
                }
            })
            requestAnimationFrame(scroll);
        }
        scroll();        

https://jowuseop1110.github.io/webs_class/javascript/effect/parallaxEffect04.html