JavaScript에서 요소 스크롤 변경하기

요소의 스크롤을 포함하는 속성은 변경할 수 있습니다. 이 경우 요소는 지정된 값으로 스크롤됩니다. 예를 들어 요소를 상단에서 200px 위치로 스크롤해 봅시다:

elem.scrollTop = 200;

이제 요소를 현재 값에서 아래로 100px 스크롤해 봅시다:

elem.scrollTop = elem.scrollTop + 100;

이제 요소를 끝까지 스크롤해 봅시다:

elem.scrollTop = elem.scrollHeight - elem.clientHeight;

요소와 버튼이 주어졌습니다. 버튼을 클릭하면 요소를 수직으로 100px, 수평으로 50px 스크롤 위치로 이동시키세요.

요소와 버튼이 주어졌습니다. 버튼을 클릭하면 요소를 현재 스크롤 위치에서 아래로 50px 스크롤하세요.

요소와 버튼이 주어졌습니다. 버튼을 클릭하면 요소를 가장 위로 스크롤하세요.

요소와 버튼이 주어졌습니다. 버튼을 클릭하면 요소를 가장 아래로 스크롤하세요.