본문 바로가기

Javascript

[Javascript] scrollIntoView() - 스크롤 이동하기

화면의 특정 위치로 이동시켜주는데,

특정 element를 기준으로 스크롤을 이동시켜준다.

1. true / false

element.scrollIntoView(true or false);

true -> 상단을 기준으로 스크롤을 이동시킴.

false ->하단을 기준으로 스크롤을 이동시킴.

 

2. 옵션

behavior 전환을 어떤식으로 해주는지

auto , smooth
스크롤을 바로 이동시키는가 스무스하게 이동시켜주는가..!

block 수직정렬

start , center , end , nearest

inline 수평정렬

start , center , end , nearest 

 

 

element.scrollIntoView - Web API | MDN

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

developer.mozilla.org

 

'Javascript' 카테고리의 다른 글

자바스크립트의 this  (0) 2024.12.29
[ JavaScript ] 실행 컨텍스트와 스코프 체인  (0) 2021.04.08
[ JavaScript ] Scope란?!  (0) 2021.04.08
[Javascript] filter( )  (0) 2020.07.19
[Javascript] 가위바위보  (0) 2020.07.08