[javascript/jquery] jquery tag position example / jquery 태그 위치 구하는 방법

[javascript/jquery] jquery tag position example / jquery 태그 위치 구하는 방법

 

 

jquery 에서

 

특정 요소의 위치를 구해야 하는 경우가 있습니다.

 

팝업이나 버튼 등의

 

위치를 구하곤 할때 자주 사용되는데요,

 

그럴때는 아래나와있는 내용과 같이

 

offset 을 사용하시면 됩니다.

 

 

아래와 같은 div 태그가 있다고 가정하고,

<div id="id_div">test</div>

 

위 태그의 위치를 구하고 싶으면

 

아래와 같이 offset 를 사용하여 position 이라는 변수에 저장합니다.

 

var position = $("#di_div").offset();

 

그리고

 

왼쪽으로부터의 위치와

위로부터의 위치를

 

각각 left / top 를 사용하여 변수에 저장합니다.

 

var left = position.left;
var top = position.top;

 

위 두 변수

 

left / top 를 각각 출력하면

 

위치를 구할 수 있습니다.

 

참고들 하세요!