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

Window scrollBy() 메서드

JavaScript Window 객체

scrollBy()메서드는 지정된 픽셀 수로 창에서 문서를 롤링합니다。

scrollBy()는 지정된 픽셀 수를滚动합니다.window.scrollTo()문서의 절대 위치로 이동합니다。

문법:

window.scrollBy(x-coord,  y-coord)
<button onclick="window.scrollBy(0,100, 0);">클릭</button>
테스트해보기‹/›

브라우저 호환성

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

方法
scrollBy()

参数值

参数描述
x-coord您要滚动的水平像素值。正值将向右滚动,而负值将向左滚动。
y-coord您要滚动的垂直像素值。正值将向下滚动,而负值将向上滚动。

技术细节

返回值:没有

更多实例

垂直滚动文档100픽셀:

<button onclick="window.scrollBy(0, 100);">클릭</button>
테스트해보기‹/›

水平和垂直滚动文档:

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

관련 참조

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

HTML DOM 참조:element.scrollLeft 속성

HTML DOM 참조:element.scrollTop 속성

JavaScript Window 객체