사이드 메뉴1 PARALLAX Effect 02 패럴랙스 효과02 자바스크립트를 이용하여 패럴랙스 효과를 만들 수 있습니다. 스크롤을 움직였을 때 해당 섹션에 맞는 사이드 메뉴에 변화가 생깁니다. 그리고, 사이드 메뉴의 닷을 클릭했을 때 해당 섹션으로 부드럽게 이동합니다. 원본 소스 보기 원본 사이트 보기 자바스크립트 패럴랙스 효과를 만들기 위한 자바스크립트 작성법입니다. document.querySelectorAll("#parallax__dot a").forEach(el => { el.addEventListener("click", e => { //요소를 클릭했을 때 e.preventDefault(); //해당 이벤트에 대한 기본동작 실행하지 않도록 document.querySelector(el.getAttribute("href")).scrollInt.. 2022. 9. 13. 이전 1 다음 728x90