스크롤

JavaScript

[JavaScript] 선택해서 섹션 이동하기

섹션 1 섹션 2 섹션 1 이곳은 섹션 1의 내용입니다. 섹션 2 이곳은 섹션 2의 내용입니다. 간단한 메뉴를 이용하여 웹 페이지의 섹션으로 스크롤을 이동하는 예시입니다. HTML, CSS 설명은 제외하고 JavaScript 설명만 추가하면 DOMContentLoaded 는 이벤트를 기다리고 이벤트가 발생하면 메뉴 링크들에 이벤트 리스너를 추가한다. document.querySelectorAll("a")는 페이지 내의 모든 링크요소를 선택한다 menuLinks.forEach(...) 는 각 링크 요소에 대해서 반복문을 실행한다. link.addEventListener("click", ...)은 각 링크에 클릭 이벤트 리스너를 추가한다. event.preventDefault() 는 링크 클릭 시 기본동작(..

Potato Ongsim
'스크롤' 태그의 글 목록