본문 바로가기
javaScript/jQuery

지역(부모 노드 기준) 좌표 위치 position()

by mooyou 2023. 3. 26.
728x90
300x250
SMALL

offsetParent()을 사용해 부모좌표 노드를 구한 후에 지역 좌표를 구해보자

 

지역 좌표 위치란?

부모 좌표 노드의 left:0, top:0 위치를 시작점으로 하는 위치 값을 의미

 

position()

position()메서드를 이용하면 지역 위치 값을 구할 수 있다.

$대상.position().left
$대상.position().top

 

<div>
  <p>Hello</p>
</div>
<p></p>
 
<script>
var p = $( "p" ).first();
var position = p.position();
$( "p" ).last().text( "left: " + position.left + ", top: " + position.top );
</script>

 

 

참고 : https://api.jquery.com/position/

728x90
반응형
LIST

댓글