[JS] 스크롤 이동

1. scrollTo
2. scrollBy
3. dom.scrollIntoView

1. ScrollTo

페이지 내 특정 위치(좌표값)로 이동시켜준다.

window.scrollTo({left: x좌표, top: y좌표})

2. ScrollBy

현재 위치를 기준으로 스크롤을 이동시킨다.

window.scrollBy({left: x좌표, top: y좌표})

3. dom.scrollIntoView

페이지 내 특정 요소로 스크롤을 이동시킨다.

const box = document.querySelector('.box');

box.scrollIntoView()

+ behavior:'smooth'

스크롤을 부드럽게 움직이고 싶다면

window.scrollTo({left:0, top:0, behavior:'smooth'})