element.scrollIntoView();

우뱅뱅·2021년 8월 30일
0

Element 인터페이스의 scrollIntoView() 메소드는 scrollIntoView()가 호출 된 요소가 사용자에게 표시되도록 요소의 상위 컨테이너를 스크롤합니다.

element.scrollIntoView();
element.scrollIntoView(alignToTop); // Boolean parameter
element.scrollIntoView(scrollIntoViewOptions); // Object parameter

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

behavior ( 애니메이션의 정의 ) : "auto", "smooth";
block ( 수직 정렬의 정의 ) : "start", "center", "end", "nearest";
inline ( 수평 정렬의 정의 ) : "start", "center", "end", "nearest";

element는 WrapContainer가 아닌 Container 안에 있는 마지막 node를 기준으로 설정해줘야함

profile
개발왕이 될 남자

0개의 댓글