Obtener la posición actual de la ventana superior en relación con el cuerpo del documento

Question

Estoy desarrollando un plugin jQuery de modelo de caja, y necesito saber cómo obtener algunas propiedades de la ventana.

La caja y su shader div se desvanecen sobre la parte superior de la página, y el shader div cubre todo el cuerpo, no solo la ventana (Importante para las páginas que tienen barras de desplazamiento horizontales). Cuando el modelo div se desvanece, se centra horizontal y verticalmente en función de la ventana. Sin embargo, esto no funcionará si el usuario se desplaza un poco por la página (el cuadro estará en la parte superior de la página, ya que se centra según el tamaño de la ventana solo).

Hay una manera de obtener la posición superior e izquierda de la ventana en relación con el cuerpo.
Por ejemplo, el usuario ha desplazado hacia abajo la página y ha hecho clic en lo que sea para abrir el cuadro de modelo, ¿qué puedo hacer para obtener el número de píxeles desde la parte superior de la ventana?

Answer 1

Esto debe hacerlo:

document.documentElement.scrollTop || document.body.scrollTop; 
document.documentElement.scrollLeft || document.body.scrollLeft; 

Answer 2

A menos que me no entender la pregunta Creo que sólo busca

$(window).scrollTop() 

Answer 3

para la superposición que puede hacer

.ModalOverlay 
{ 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
} 

y solo lo muestras u ocultas