Parallax Effect 04 - 스크롤링 효과 : 나타나기

{
   function scroll(){

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

            document.querySelectorAll(".content__item").forEach(el =>{
                if(scrollTop >= el.offsetTop - window.innerHeight/2){       //offsetTop에 - innerHeight나누기2 어느 모니터에서든 반정도 됬을때 사진이 나타나게
                    el.classList.add("show")
                }
            })

            requestAnimationFrame(scroll)

        }
        scroll();
}