scrollTop 메서드

scrollTop 메서드는 

선택한 요소의 y축 좌표를 알아내는 데에 쓰이거나, 혹은 값을 미리 지정하여 스크롤이 그만큼 내려가 있게 할 수 있느 메서드이다.

아래 예제를 한번 살펴보자.

이 예제는 window 객체를 선택했다.

윈도우 객체가 스크롤 이 된다면...

우측 상단의 p 요소에 스크롤이 된 만큼의 값이 찍히게 되어있다.

/* 스크롤이 되지 않을만큼의 높이값이 충분하지 않으면

0이다. scrollTop 은 스크롤 바의 위치를 따른다. */

그리고

스크롤 바를 원하는 좌표에 미리 셋팅하여 줄 수도 있다.

아래 예제를 보자.

이렇게 scrollTop 에 300 만큼의 값을 넣어 준 만큼 미리 스크롤이 이동하였다는걸 알 수 있다.