Script Sample/Parallax Effect
Parallax Effect - 나타나기 효과
오이연우오
2022. 4. 14. 23:51
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();