최신 웹 개발 튜토리얼
 

창문 scrollBy() Method

<창 개체

가로 100 픽셀로 문서를 스크롤 :

window.scrollBy(100, 0);
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

scrollBy() 메소드는 지정된 수의 픽셀에 의해 문서를 스크롤.

Note: 이 방법이 작동하려면, 윈도우의 스크롤 바의 표시 속성이 true로 설정해야합니다!


브라우저 지원

방법
scrollBy()

통사론

window.scrollBy( 매개 변수 값
매개 변수 유형 기술
xnum Number 필요합니다. 얼마나 많은 픽셀은 상기 X 축에 의해 스크롤 (horizontal) . 음의 값이 오른쪽으로 스크롤 반면 양의 값은 왼쪽으로 스크롤
ynum Number 필요합니다. y 축을 따라 이동에 의해 얼마나 많은 픽셀 (vertical) . 음의 값은 스크롤하면서 양수 값은 아래로 스크롤합니다

기술적 세부 사항

반환 값 : 없음 반환 값 없습니다

예

더 예

세로 100 픽셀로 문서를 스크롤 :

window.scrollBy(0, 100);
»그것을 자신을 시도

수평 및 수직으로 문서를 스크롤 :

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>

<script>
function scrollWin(x, y) {
    window.scrollBy(x, y);
}
</script>
»그것을 자신을 시도

관련 페이지

창 개체 : href="met_win_scrollto.html"> scrollTo() Method


<창 개체