English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Window scrollTo() 메서드

JavaScript Window 객체

scrollTo()메서드는 문서를 지정된 좌표 위치로 스크롤합니다。

scrollTo()는 절대 위치로 스크롤하며,window.scrollBy()문서에서 지정된 픽셀 수를 스크롤합니다。

스크롤 요소에 대해 더 알고 싶다면,element.scrollTopelement.scrollLeft

문법:

window.scrollTo(x-coord,  y-coord)
<button onclick="window.scrollTo(500, 0);">클릭</button>
테스트해보세요‹/›

브라우저 호환성

모든 브라우저는 scrollTo() 메서드를 완전히 지원합니다:

메서드
scrollTo()

매개변수 값

매개변수설명
x-coord문서의 수평축 위에 표시되는 픽셀
y-coord왼쪽 상단에 위치한 문서의 가로축 위에 표시되는 픽셀

기술 세부 사항

반환 값:없음

더 많은 예제

세로 스크롤 문서500픽셀:

<button onclick="window.scrollTo(0, 500);">클릭</button>
테스트해보세요‹/›

가로와 세로 스크롤 문서:

<button onclick="window.scrollTo(0, 50)">아래로 스크롤</button>
<button onclick="window.scrollTo(0, -50)">위로 스크롤</button>
<button onclick="window.scrollTo(300, 0)">오른쪽으로 스크롤</button>
<button onclick="window.scrollTo(-300, 0)">왼쪽으로 스크롤</button>
테스트해보세요‹/›

관련 참조

창(Window) 참조:window.scrollBy() 메서드

HTML DOM 참조:element .scrollLeft 속성

HTML DOM 참조:element .scrollTop 속성

JavaScript Window 객체