자동 스크롤링 버튼 만들기 | JS Snippets

버튼을 누르면 해당 섹션으로 부드럽게 스크롤링 되는 기능은 제품과 서비스를 소개하는 한 장짜리 랜딩 페이지에서 자주 볼 수 있다. 타겟 요소까지 스크롤이 되는 것은 다음과 같이 정의할 수 있다. 타겟 요소 영역의 최상단이 뷰포트의 상단과 일치하는 것 특정 요소가 있는 좌표로 스크롤이 이동하는 기능을 구현하기 위해선 아래의 것들이 필요하다. 타겟 요소의 좌표 해당 좌표로 스크롤이 이동하는 (뷰...

스크롤링이벤트위임TILgetBoundingClientRect스크롤 다운scrollToDOMRect자동스크롤ScrollIntoViewDOMRect