[JavaScript] jQuery 요소의 위치 값 구하는 법

offset() 명령

$('셀렉터').offset()

: 셀렉터로 선택 한 요소의 위치를 반환

 

js

box2클래스의 위치값을 변수에 넣어 로그로 확인할 수 있습니다.

( f12-console )

 

 

 

 

 

scrollTop() & scrollLeft() 명령

$('셀렉터').scrollTop()

: 스크롤바의 세로위치를 저장

 

$('셀렉터').scrollLeft()

: 스크롤바의 가로위치를 저장

 

스크롤을 내리면 변하는 위치값을 콘솔에서 확인 가능

 

 

활용예시

js

브라우저의 스크롤을 200px 밑으로 내리면(if) box2의 배경색이 pink로 바뀌고

그렇지 않으면(else) lightgray 색으로 바뀜