자바스크립트로 스크롤 이동하기

일단 가장 간단한 방법은 a태그에 해시태그를 사용하는 방법이다. 이 방법의 단점은 같은 태그를 선택했을 때 화면이 이동하지 않는다. 그럴때에는 scrollIntoView를 사용하자. 사용법은 어렵지 않다. 문서를 한번만 보면된다.

https://developer.mozilla.org/ko/docs/Web/API/Element/scrollIntoView

element.scrollIntoView - Web API | MDN

 

간단한 예시를 보겠다. behavior smooth를 하면 부드럽게 움직인다.

document.querySelecotr('button').scrollIntoView({ behavior: 'smooth' });