본문 바로가기
javaScript/jQuery

[JQuery] 좌표값 구하기, 설정하기 정리(부모좌표, 지역좌표, 전역좌표)

by mooyou 2023. 4. 8.
728x90
300x250

부모 좌표 노드 구하기

  • $대상.offsetParent()

https://moo-you.tistory.com/864

 

부모 좌표 노드 구하기 offsetParent()

부모좌표노드란? 특정 노드의 기준 좌표가 되는 노드를 말한다. 즉 부모 좌표가 변하면 자식 노드도 영향을 받아 변하게 된다. 일반적으로 부모노드는 대상 노드를 감싸고 있는 노드가 부모 노

moo-you.tistory.com

 


 

지역 좌표 위치 다루기

지역 좌표 위치 구하기
  • $대상.position().left
  • $대상.position().top
지역 좌표 위치 설정하기
  • 대상.css({"left",위치값})
  • 대상.css({"top",위치값})
  • 대상.css({left:위치값, top:위치값})

https://moo-you.tistory.com/865

 

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

offsetParent()을 사용해 부모좌표 노드를 구한 후에 지역 좌표를 구해보자 지역 좌표 위치란? 부모 좌표 노드의 left:0, top:0 위치를 시작점으로 하는 위치 값을 의미 position() position()메서드를 이용하

moo-you.tistory.com

 


 

전역 좌표 위치 다루기

전역 좌표 위치 구하기
  • $대상.offset().left
  • $대상.offset().top
전역 좌표 위치 설정하기
  • 대상.offset({left:위치값, top:위치값})

https://moo-you.tistory.com/868

 

전역 위치 값 구하기 offset()

전역 좌표는 최상위 노드인 document의 위치 값 left:0, top:0을 시작점으로 하여 계산하는 좌표를 말한다. offset() $대상.offset().left $대상.offset().top 최상위 노드인 문서 (Document)를 기준으로 전역 좌표를

moo-you.tistory.com

 

728x90
반응형

댓글