Parallax Effect04 - 나타나기

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

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

 

패럴랙스 효과