English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
scrollTo()메서드는 문서를 지정된 좌표 위치로 스크롤합니다。
scrollTo()는 절대 위치로 스크롤하며,window.scrollBy()문서에서 지정된 픽셀 수를 스크롤합니다。
스크롤 요소에 대해 더 알고 싶다면,element.scrollTop와element.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 속성