// 위로 이동
element.scrollIntoView({ behavior: "smooth", block: "start" });
// 아래로 이동
element.scrollIntoView({ behavior: "smooth", block: "end" });
// 중앙(해당 요소가 화면 중앙)
element.scrollIntoView({ behavior: "smooth", block: "center" });
// 해당 요소가 화면 내에 없을 경우, 중앙(해당 요소가 화면 중앙)
element.scrollIntoViewIfNeeded(true);
- element는 html 객체를 넣어주면 된다.
- document.querySelectorAll(“.contentBox”)[0]
- document.querySelector(‘:root’) : html
- document.body : body