코딩 공부 코딩 공부

function scroll(){ //재귀함수를 이용한 스크롤값 구하기 let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; document.querySelector(".scrollTop span").innerText = scrollTop; document.querySelectorAll(".content__item").forEach(item => { if( scrollTop >= item.offsetTop - (window.innerHeight/2) ){ item.classList.add("show"); } else { item.classList.remove("show"); } }); reque..

document.querySelectorAll("#parallax__nav li a").forEach(li => { li.addEventListener("click", (e) => { e.preventDefault(); document.querySelector(li.getAttribute("href")).scrollIntoView({ behavior:"smooth" }) document.querySelectorAll("#parallax__nav li a").forEach(li => { li.parentElement.classList.remove("active"); }); li.parentElement.classList.add("active"); }) }) let nowScroll = true; let l..

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

document.querySelectorAll("#parallax__nav li a").forEach(li => { li.addEventListener("click", (e) => { e.preventDefault(); document.querySelector(li.getAttribute("href")).scrollIntoView({ behavior:"smooth" }) document.querySelectorAll("#parallax__nav li a").forEach(li => { li.parentElement.classList.remove("active"); }); li.parentElement.classList.add("active"); }) }) window.addEventListener("sc..

const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); const sliderInner = document.querySelector(".slider__inner"); const slider = document.querySelectorAll(".slider"); const sliderBtn = document.querySelector(".slider__btn"); const sliderBtnPrev = sliderBtn.querySelector(".prev"); const sliderBtnNext = sliderBtn.querySelector(".nex..

const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); const sliderInner = document.querySelector(".slider__inner"); const slider = document.querySelectorAll(".slider"); const sliderBtn = document.querySelector(".slider__btn"); const sliderBtnPrev = sliderBtn.querySelector(".prev"); const sliderBtnNext = sliderBtn.querySelector(".nex..

const cursor = document.querySelector(".cursor"); //div.cursor const follower = document.querySelector(".cursor-follower"); //div.cursor-follower,커서에 점 따라다니는 효과 const hoverText = document.querySelectorAll(".mouse__wrap div p span"); let hover = 1; function move(e, hover){ gsap.to(cursor, { duration: .3, left: e.pageX - 5, top: e.pageY - 5 }) if(hover){ gsap.to(follower, { duration: .8, left: e.p..

const mouseImg = document.querySelectorAll(".mouse__img"); mouseImg.forEach((item) => { const imageWrap = item.querySelector(".img"); const imageWrapBounds = imageWrap.getBoundingClientRect(); let itemBounds = item.getBoundingClientRect(); const onMouseEnter = () => { gsap.set(imageWrap, {xPercent: -50, yPercent: 50, rotation:-15, scale: 0.3, opacity:0}); gsap.to(imageWrap, {xPercent: -50, yPerc..