Parallax Effect - 나타나기 효과

function scroll(){ //재귀함수를 이용한 스크롤값 구하기
    let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop;
    document.querySelector(".scrollTop span").innerText = scrollTop;

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

    requestAnimationFrame(scroll);
}
scroll();

 

페럴럭스 나타나기 효과 사이트