자바스크립트에서 창을 특정 크기만큼 스크롤하는 메서드
scrollBy 메서드는 현재 위치에서
지정된 크기만큼 창을 스크롤합니다.
첫 번째 매개변수는 수평 방향 이동,
두 번째 매개변수는 수직 방향 이동을 받습니다.
창을 주어진 크기만큼 스크롤해 봅시다:
window.scrollBy(100, 200);
반대 방향으로 스크롤을 실행해 봅시다:
window.scrollBy(-100, -200);
부드러운 스크롤을 실행해 봅시다:
window.scrollBy({
top: 100,
left: 100,
behavior: 'smooth'
});
버튼을 클릭하면 창을
아래로 100px 스크롤하세요.
버튼을 클릭하면 창을
위로 100px 스크롤하세요.
버튼을 클릭하면 창을
아래로 300px 부드럽게 스크롤하세요.
버튼을 클릭하면 창을
위로 300px 부드럽게 스크롤하세요.
