Window.scrollBy()

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015년 7월.

* Some parts of this feature may have varying levels of support.

Window.scrollBy() 메서드는 창에 있는 문서를 지정된 양만큼 스크롤합니다.

구문

scrollBy(x-coord, y-coord)
scrollBy(options)

- 혹은 -

다음 매개변수가 포함된 사전.

top: 창 또는 요소를 스크롤할 Y축을 따라 픽셀 수를 지정합니다.
left: 창 또는 요소를 스크롤할 X축을 따라 픽셀 수를 지정합니다.
behavior: 스크롤이 부드럽게 애니메이션되는지 (smooth), 한 번의 점프로 즉시 실행되는지 (instant), 또는 브라우저가 선택하도록 할지 (auto, 기본)를 지정합니다.

한 페이지 아래로 스크롤하려면.

window.scrollBy(0, window.innerHeight);

위로 스크롤하려면.

window.scrollBy(0, -window.innerHeight);

options 사용.

window.scrollBy({
  top: 100,
  left: 100,
  behavior: "smooth",
});

window.scroll()가 문서의 절대 위치로 스크롤하는데 반해, window.scrollBy()는 특정 양만큼 스크롤합니다. window.scrollByLines()와 window.scrollByPages()를 참조하십시오.

Specification
CSSOM View Module # dom-window-scrollby

This page was last modified on 2023년 7월 30일 by MDN contributors.