[ CSS ] 엘리먼트 기준 페이지 스크롤

var element = document.getElementById("box");

element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"});

behavior
"auto", "smooth" 기본값은 "auto"

block
"start", "center", "end", "nearest" 기본값은 "start"

inline Optional
"start", "center", "end", "nearest" 기본값은 "nearest".

 

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

element.scrollIntoView - Web API | MDN