브라우저는 접근 가능한 변수에 div의 계산 된 좌표를 저장합니까?

Question

레이아웃이 유동적 인 경우 (위치 : 정적/상대) 브라우저가 액세스 할 수있는 속성의 div의 계산 된 좌표 (x, y)를 저장합니까?

또한 솔루션이 Firefox에서만 작동한다면 충분합니다. JQuery는 불행히도 옵션이 아닙니다.

Answer 1

을 :

document.getElementById('yourElement').offsetLeft 
document.getElementById('yourElement').offsetTop 

을하지만 당신은 아마 몇 오프셋을 추가해야 할 것 부모 요소는 position에 적용됩니다.

Answer 2

실제로 그렇습니다. 안타깝게도 브라우저 불일치와 원시 DOM 액세스의 일반적인 추악 함 때문에 정보를 안정적으로 가져 오는 것은 꽤 어렵습니다. 문서의 왼쪽 상단에서 당신에게 사업부의 y 위치를 줄 것이다

$('#some_div').offset().top 

:

나는 당신과 같은 코드가있을 수 있습니다 jQuery을 제안한다.

Answer 3

아니요, 그러나 mootools (아마도 jquery)를 사용하면 $(element).getLeft() 또는 $(element).getTop()이라고 말할 수 있습니다.

또는 당신은 다음과 같이 사용할 수 있습니다 : 당신이 그런 식으로 작업을 수행 할 수 있습니다 자바 스크립트 '기본'에서

function getLeft(obj) { 
    return (obj.offsetParent==null ? obj.offsetLeft : obj.offsetLeft + getLeft(obj.offsetParent)); 
} 

function getTop(obj) { 
    return (obj.offsetParent==null ? obj.offsetTop : obj.offsetTop + getTop(obj.offsetParent)); 
}