
//글씨 쪼개기 document.querySelectorAll(".parallax__cont__desc").forEach(desc => { let splitText = desc.innerText; let splitWrap = splitText.split('').join(""); splitWrap = "" + splitWrap + ""; desc.innerHTML = splitWrap; desc.setAttribute("aria-label", splitText); //setAttribute - 속성을 넣어줌 }) function scroll(){ //재귀함수를 사용하여 무한반복하여 스크롤값 찾는 방법 let scrollTop = window.screenY || window.pageYOffset || doc..

function scroll(){ //재귀함수를 사용하여 무한반복하여 스크롤값 찾는 방법 let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; document.querySelector(".scrollTop span").innerText = Math.round(scrollTop); // const img = document.querySelector("#section1 .parallax__cont__img") // img.style.transform = "translateY("+scrollTop/10 +"px)" document.querySelectorAll(".content__item").forE..

// window.addEventListener("scroll", () => { // let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; // document.querySelector(".scrollTop span").innerText = Math.round(scrollTop); // }) function scroll(){ //재귀함수를 사용하여 무한반복하여 스크롤값 찾는 방법 let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; document.querySelector(".scrol..

document.querySelectorAll("#parallax__nav 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 = ..

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)..

document.querySelectorAll("#parallax__nav li a").forEach(li => { li.addEventListener("click",(e) => { e.preventDefault(); document.querySelector(li.getAttribute("href")).scrollIntoView({ behavior:"smooth" }) }) }) window.addEventListener("scroll", () => { // let scrollTop = window.pageYOffset; // let scrollTop = document.documentElement.scrollTop; // let scrollTop = window.scrollY; let scrollTop..

const circle = document.querySelector(".cursor").getBoundingClientRect(); function mouseMove(e){ //마우스 좌표 값 let mousePageX = e.pageX; let mousePageY = e.pageY; //마우스 좌표 기준점을 가운데로 변경 let centerPageX = window.innerWidth/2 - mousePageX; let centerPageY = window.innerHeight/2 - mousePageY; //최소값은 -50 최대값은 50 let maxPageX = Math.max(-800, Math.min(800, centerPageX)); let maxPageY = Math.max(-300, Mat..

const circle = document.querySelector(".cursor").getBoundingClientRect(); document.querySelector(".mouse__img").addEventListener("mousemove", (e) => { //커서 gsap.to(".cursor", {duration: .2, left: e.pageX - circle.width/2, top: e.pageY - circle.height/2}) //마우스 좌표 값 let mousePageX = e.pageX; let mousePageY = e.pageY; //마우스 좌표 값을 가운데 초기화 //전체 가로 //window.innerWidth - 브라우저 크기 //window.outerWidth - ..