JavaScript에서 창을 특정 위치로 스크롤하는 방법

scrollTo 메서드는 창을 지정된 위치로 스크롤합니다. 첫 번째 매개변수로는 수평 위치를, 두 번째 매개변수로는 수직 위치를 받습니다. 지정된 위치로 창을 스크롤해 봅시다:

window.scrollTo(100, 200);

이 메서드는 매개변수로 객체를 전달하는 대체 구문도 가지고 있습니다. 이 객체의 top 키에는 수직 위치를, left 키에는 수평 위치를, behavior 키에는 스크롤 유형을 지정합니다. 유형은 'auto' 또는 'smooth'가 될 수 있습니다. 후자의 경우 스크롤이 부드럽게 진행됩니다:

element.scrollTo({
	top: 100,
	left: 100,
	behavior: 'smooth'
});

버튼을 클릭했을 때 창을 위에서 300px 위치로 스크롤하세요.

버튼을 클릭했을 때 창을 부드럽게 맨 위까지 스크롤하세요.

버튼을 클릭했을 때 창을 부드럽게 맨 아래까지 스크롤하세요.