noname02
위치찾기 - offset, position 본문
offset()과 position()은 DOM엘리먼트의 위치를 찾는데 사용되는 jQuery메서드다.
각각 top, left값이 담긴 위치 오브젝트를 반환한다.
여기서 offset()은 document에서의 위치를 반환하고, position()은 parent엘리먼트에서의 위치를 반환한다.
여기서 중요한 점은 position()을 사용할 때에는 당연히 css의 position 속성이 적용되어있어야 한다는 점이다.
예를 들어서
<body>
<div class="box1">
<div class="box2">
</div>
</div>
</body>
와 같이 되어있고, box1은 200x200, box2는 100x100이라고 치자.
근데 box1에는 position 속성이 없고 box2에는 position: relative; 속성이 있는 경우
box2에 대한 position()을 하면 box1에 대한 위치값이 아닌 body에 대한 위치값, 즉 document에 대한 위치값을 반환받는다는 것이다.
이 점을 상기해야한다.
'Web > jQuery' 카테고리의 다른 글
| .each가 동작하는 각 엘리먼트에 delay 주기 (0) | 2016.03.02 |
|---|---|
| 요소가 애니메이션 중인지 확인하기 (0) | 2016.02.03 |
| Deferred Object (0) | 2016.02.01 |
| 나중에 생성된 엘리먼트에도 이벤트 연결하기 (0) | 2016.01.25 |
| load 이벤트에 대한 콜백 메서드 (0) | 2016.01.25 |
Comments