scroll2 [JavaScript] 웹페이지 scroll이벤트 -상단에 네비를 클릭하면 매칭되는 컨텐츠 페이지 이동-스크롤시 컨텐츠와 매칭되는 네비에 이벤트 ***html 1 2 3 4 1 2 3 4 const $link = [...document.querySelectorAll('a')];const $scroll = document.querySelector('.scroll-container');const $page = [...$scroll.querySelectorAll('.scroll-page')];$link.forEach((_,i) => { _.addEventListener('click', (e) => { //$link(상단의 숫자)를 클릭시 이벤트 실행 e.preventDefaul.. 2024. 4. 25. [CSS] scroll-* 유연한 스크롤을 만들어주는 CSS속성 scroll-* 1. scroll-* 사용법컨텐츠 영역과 컨텐츠를 감싸는 부모 요소를 만든다. 1 2 3 4 See the Pen scroll-* by gaae (@gaae) on CodePen. 2. scroll-behavior 속성scroll-behavior : auto | smooth | initial | inherit문서이동시 스크롤 효과를 준다. 컨텐츠 감싸는 부모요소 ex) scroll-container · auto : 직선점프 효과. 기본값· smooth : 부드러운 c롤 효과· initial : 초기 기본값 설정· inherit : 상위요.. 2024. 4. 23. 이전 1 다음
