Gentleman'study 젠틀맨

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

let text = document.querySelectorAll(".content__item__desc"); text.forEach((el,i) => { let splitText = el.innerText;// 글자들을 선택해서 변수로 저장 let splitWrap = splitText.split('').join("span aria-hidden='true'>");// 글자를 하나씩 쪼개고 splitWrap = "" + splitWrap + "";// span으로 묶음 el.innerHTML = splitWrap;// 묶은것을 다시 출력해줌. el.setAttribute("aria-label", splitText) }) function scroll(){ let scrollTop = window.scree..

function scroll(){ let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; document.querySelector(".scrollTop span").innerText = Math.round(scrollTop); document.querySelectorAll(".content__item").forEach(item => { let offset1 = (scrollTop - item.offsetTop) * 0.1; let offset2 = (scrollTop - item.offsetTop) * 0.15; const target1 = item.querySelector(".content__i..

function scroll(){ let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; document.querySelector(".scrollTop span").innerText = Math.round(scrollTop); let content = document.querySelectorAll(".content__item"); content.forEach(el=>{ if(scrollTop > el.offsetTop - window.innerHeight/2){ el.classList.add("show"); } }) requestAnimationFrame(scroll) } scroll(); 스크롤..

let nowScroll = true; let lastScroll = 0; function scrollProgress(){ nowScroll = true; setInterval(()=>{// 스크롤을 내리는지 올리는지 판단하기 위해 setInterval을 사용한다. if(nowScroll){ nowScroll = false; hasScroll(); } }, 1000) } function hasScroll(){ let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > lastScroll){ document.querySelector("#parallax__nav").class..

document.querySelectorAll("#parallax__dot a").forEach(el =>{ el.addEventListener("click", e => { e.preventDefault(); document.querySelector(el.getAttribute("href")).scrollIntoView({behavior: "smooth"}); }) }) window.addEventListener("scroll", ()=>{ let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; document.querySelector(".scrollTop span").innerText = Mat..

document.querySelectorAll("#parallax__nav li a").forEach(li =>{// 메뉴 탭 li.addEventListener("click", e => { e.preventDefault();// 작동 금지 document.querySelector(li.getAttribute("href")).scrollIntoView({// li의 속성값들을 가져와서 스크롤 됐을때 behavior:"smooth"// 부드럽게 }) }) }) window.addEventListener("scroll", ()=>{// 스크롤 했을 때 let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrol..