¿Es posible obtener la posición de div en la ventana del navegador? No dentro del documento. Dentro de la ventana

Question

¿Es esto factible en IE7 o Firefox?

Answer 1

Puede hacerlo en ambos: obtenga la posición relativa al documento, luego reste la posición de desplazamiento.

var e = document.getElementById('xxx'); 
var offset = {x:0,y:0}; 
while (e) 
{ 
    offset.x += e.offsetLeft; 
    offset.y += e.offsetTop; 
    e = e.offsetParent; 
} 

if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) 
{ 
    offset.x -= document.documentElement.scrollLeft; 
    offset.y -= document.documentElement.scrollTop; 
} 
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) 
{ 
    offset.x -= document.body.scrollLeft; 
    offset.y -= document.body.scrollTop; 
} 
else if (window.pageXOffset || window.pageYOffset) 
{ 
    offset.x -= window.pageXOffset; 
    offset.y -= window.pageYOffset; 
} 

alert(offset.x + '\n' + offset.y); 

Answer 2

Probar the dimensions jQuery plugin. Ver this demo.

$('#myelement.').offset(); 

Answer 3

Usted podría restar offsetTop del div de la document.body.scrollTop

Esto parece funcionar en IE7 y FF3, pero en una página muy simple. No he verificado con DIV anidados.

Answer 4

Usando Prototipo sería:

$('divname').viewportOffset.top 
$('divname').viewportOffset.left 

Answer 5

En IE y Firefox 3, se puede utilizar para este getBoundingClientRect; sin marco necesario.

Pero, sí, debería usar un marco si necesita admitir otros navegadores también.

Answer 6

[Pegar de la respuesta que dio here]

El getBoundingClientRect() método nativo ha sido de alrededor durante bastante tiempo, y hace exactamente lo que la pregunta se refiere. Además de que es compatible con todos los navegadores (como Internet Explorer 5, que parece!)

De this página MDN:

El valor devuelto es un objeto TextRectangle, que contiene sólo lectura a la izquierda, arriba, derecha e inferior propiedades que describen el cuadro de borde, en píxeles, con la esquina superior izquierda relativa a la esquina superior izquierda de la ventana gráfica.

que lo utilice de esta manera:

var viewportOffset = el.getBoundingClientRect(); 
// these are relative to the viewport, i.e. the window 
var top = viewportOffset.top; 
var left = viewportOffset.left;