[Web API] scrollTo

Window.scrollTo는 문서의 지정된 위치로 스크롤합니다.
절대 좌표를 기준으로 페이지를 스크롤합니다.

Window.scroll과 같은 동작을 수행합니다.

scrollBy와의 차이점은 scrollBy는 현재좌표(상대좌표)를 기준으로 스크롤하고 scrollTo는 절대좌표를 기준으로 스크롤합니다.

 

사용법

window.scrollTo(x_좌표, y_좌표)
Element.scrollTo(x_좌표, y_좌표)

// 또는

window.scrollTo(scrollToOptions)
Element.scrollTo(scrollToOptions)

 

매개변수

• x_좌표는 문서의 왼쪽 상단부터 시작하는 픽셀 단위의 가로축
• y_좌표는 문서의 왼쪽 상단부터 시작하는 픽셀 단위의 세로축

또는

• scrollToOptions
  • top 창 또는 요소를 스크롤할 Y축을 따라 픽셀 수를 지정
  • left 창 또는 요소를 스크롤할 X축을 따라 픽셀 수를 지정
  • behavior 스크롤을 즉시적용할지 아니면 부드러운 애니메이션을 적용할지 결정
    • smooth 스크롤이 부드럽게 움직임
    • instant 스크롤이 즉시 적용
    • auto 스크롤 동작이 계산된 scroll-behavior값에 의해 결정