초짜코딩의 잡동사니

function scroll(){ let scrollTop = window.scrollY || window.pageYOffset || document.documentElement.scrollTop const reveal = document.querySelectorAll(".reveal"); reveal.forEach(elem => { let revealOffset = elem.offsetTop + elem.parentElement.offsetTop; let revealDelay = elem.dataset.delay; // if(scrollTop>=revealOffset - window.innerHeight/2){ // elem.classList.add("show") // } if(scrollTop>=re..

// 글씨 쪼개기 // let text = document.querySelector("#section1 .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(""); splitWrap = ""+splitWrap+..

window.addEventListener("scroll", () =>{ let scrollTop = window.scrollY || window.pageYOffset || document.documentElement.scrollTop document.querySelector(".scrollTop span").innerText =Math.round(scrollTop); // const img = document.querySelector("#section1 .content__item__img") // img.style.transform = "translateY("+scrollTop/10+"px)" document.querySelectorAll(".content__item").forEach(item => {..

function scroll(){ let scrollTop = window.scrollY || window.pageYOffset || document.documentElement.scrollTop document.querySelector(".scrollTop span").innerText =Math.round(scrollTop); // if(scrollTop> document.getElementById("section1").offsetTop){ // document.getElementById("section1").classList.add("show"); // } document.querySelectorAll(".content__item").forEach((element, index) => { if(scr..

let nowScroll = true; let lastScroll = 0; function scrollProgress(){ nowScroll = true; setInterval(()=>{ if(nowScroll){ nowScroll = false; hasScroll(); } }, 300); } function hasScroll(){ let scrollTop = window.scrollY || window.pageYOffset || document.documentElement.scrollTop if(scrollTop < lastScroll){ document.querySelector("#parallax__nav").classList.add("show") }else{ document.querySelector..

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, 1000); // w..