position 메소드는 지정한 요소의 부모 요소를 기준으로 top, left 위치를 알아낸다.
$( 셀렉터 ).position() - 셀렉터에 해당하는 요소의 부모를 기준으로 top, left 값을 알아냅니다.
$( 셀렉터 ).position().top - top 위치값 가져오기
$( 셀렉터 ).position().left - left 위치값 가져오기
이렇게 변수화 해서 사용하면 편합니다.
var pos = $( 셀렉터 ).position();
alert( '이미지의 position - left:' + pos.left + ', top:' + pos.top )
부모요소의 CSS position 설정이 상대적일때는?
부모 요소인 div 가 position:relative로 설정 되어있다, css position의 설정이 지정되면 해당 요소의 부모를 기준으로 자신의 위치값을 가져온다.
문서를 기준으로 값 가져오기 - offset 메서드