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
Element 인터페이스의 scrollIntoView() 메소드는 scrollIntoView()가 호출 된 요소가 사용자에게 표시되도록 요소의 상위 컨테이너를 스크롤합니다.
developer.mozilla.org
'FE > CSS' 카테고리의 다른 글
| [ CSS ] CSS white-space Property (0) | 2022.06.17 |
|---|---|
| [ CSS ] Webkit Input 기본값 초기화 (0) | 2022.05.26 |
| [ CSS ] 커스텀 스크롤바 (0) | 2022.04.28 |
| [ CSS ] GPU 가속 트릭 (0) | 2022.04.13 |
| [ CSS ] CSS3 Animation play once (0) | 2021.11.14 |