제이쿼리 scrollTop()와 offset().top

1) .scrollTop()

화면상에서 내가 스크롤한 만큼의 거리를 알아내기

-- 선택한 요소의 스크롤바 수직 위치를 반환

-- 동적인 값 (스크롤이 움직여서 동적인 값이라는 것)

 

 

[구문정리]

- 기본적으로 스크롤하는 대상은 브라우저 즉, 윈도우 화면이므로 선택자는 $(window) 입니다.

- .scrollTop()은 브라우저 오른쪽에 스크롤바가 움직인 만큼의 거리값을 계산해줍니다.

 

 

 

 

 

2) .offset().top

화면상에서 특정 요소의 y축 위치 알아내기

-- 선택한 요소의 위치를 가져오거나 특정 위치를 이동할 때

-- 문서 끝부터 선택한 요소까지의 거리

-- 정적인 값

$("선택자").offset().top;