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