본문 바로가기
javaScript/jQuery

전역 위치 값 구하기 offset()

by mooyou 2023. 3. 30.
728x90
300x250

 

전역 좌표는 최상위 노드인 document의 위치 값 left:0, top:0을 시작점으로 하여 계산하는 좌표를 말한다.

 

offset()

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

 

최상위 노드인 문서 (Document)를 기준으로 전역 좌표를 구할때는 jQuery에서 제공하는 offset()메서드를 사용할 수 있다.

 

<p>Hello</p><p>2nd Paragraph</p>
 
<script>
    var p = $( "p" ).last();
    var offset = p.offset();
    p.html( "left: " + offset.left + ", top: " + offset.top );
</script>

마지막 p태그의 전역 좌표 값을 구해서 마지막 p태그위치에 loft, top 위치를 출력

 

 

출처 : https://api.jquery.com/offset/

728x90
반응형

댓글