UX 개발/UX - 스크롤 애니메이션 썸네일형 리스트형 간단한 스크롤 내비게이션 만들기 (CSS+JS) See the Pen Simple Scroll Navigator by siimplelab (@siimplelab) on CodePen.코드 설명DOMContentLoaded 이벤트:DOMContentLoaded 이벤트는 초기 HTML 문서가 완전히 로드되고 파싱되었을 때 발생하며, 스타일 시트, 이미지, 하위 프레임의 로드를 기다리지 않습니다.document.addEventListener("DOMContentLoaded", ...)에 전달된 익명 함수는 DOM이 완전히 로드된 후에 내부 코드를 실행하도록 보장합니다.addClassOnScrollToSection 함수:이 함수는 특정 섹션이 보일 때 대상 요소에 클래스를 추가합니다.매개변수:sectionId: 모니터링할 섹션의 ID입니다.classNa.. 간단한 웹스크롤애니메이션 라이브러리 AOS 기본적으로 스크롤 움직임에 따라 개체에 움직임을 주는 애니메이션의 경우 AOS 라이브러리를 사용하면 쉽게 애니메이션을 줄 수 있습니다. 제이쿼리 없이 사용되기 때문에 가벼운 편이라고 볼 수 있습니다. AOS (Animate on Scroll) AOS 소개 페이지 AOS AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io AOS 깃헙 페이지 michalsnik/aos michalsnik/aos Animate on scroll library. Contribute to michalsnik/aos development by creating an account on GitHub. github.co.. 이전 1 2 다음
단순함연구소 UX개발실
