bond 마망

function scroll() { let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY + window.innerHeight/2 const reveal = document.querySelectorAll(".reveal") reveal.forEach(el => { let revealoffset = el.offsetTop + el.parentElement.offsetTop let reveaDelay = el.dataset.dalay // if(scrollTop >= revealoffset - window.innerHeight/2){ // el.classList.add("show") // } if(s..

//글씨 쪼개기 // let text = document.querySelector("#section01 .content__item__desc"); // let splitText = text.innerText; // let splitWrap = splitText.split('').join(""); // splitWrap = "" + splitWrap + ""; // text.innerHTML = splitWrap; //여러개 글씨 쪼개기 document.querySelectorAll(".content__item__desc").forEach(desc => { let splitText = desc.innerText let splitWrap = splitText.split('').join("") splitWra..

// window.addEventListener("scroll",()=>{ // let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY // document.querySelector(".scrollTop span").innerText = Math.round(scrollTop) // }) function scroll() { let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY document.querySelector(".scrollTop span").innerText = Math.round(s..

// window.addEventListener("scroll",()=>{ // let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY // document.querySelector(".scrollTop span").innerText = Math.round(scrollTop) // }) function scroll() { let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY document.querySelector(".scrollTop span").innerText = Math.round(s..

window.addEventListener("scroll", () => { let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY //스크롤 값이 0 보다 크면 show클래스를 추가 // if(scrollTop > 0) { // document.querySelector("#parallax__nav").classList.add("show") // } else { // document.querySelector("#parallax__nav").classList.remove("show") // } document.querySelector(".scrollTop span").innerText = Math.ro..

document.querySelectorAll("#parallax__dot a").forEach(el => { el.addEventListener("click", e => { e.preventDefault(); //window.scroll(0, 1000); //window.scroll({left: 0, top: 1000}); //window.scroll({left: 0, top: 1000, behavior: "smooth"}); // window.scrollTo(0, 1000); // window.scrollTo({left: 0, top: 1000}); // window.scrollTo({left: 0, top: 1000, behavior: "smooth"}); // window.scrollBy(0, 1..

// document.querySelectorAll("#parallax__nav li a").forEach(li => { // li.addEventListener("click", (e) => { // e.preventDefault() // document.querySelector(li.getAttribute("a")).scrollIntoView({ // behavior: "smooth" // }) // }) // }) document.querySelectorAll("#parallax__nav li a").forEach((element, index) => { element.addEventListener("click", (e) => { e.preventDefault(); let sectionOffset = ..