Ottieni la posizione della finestra corrente rispetto al corpo del documento

Question

Sto sviluppando un plug-in jQuery della box modello e ho bisogno di sapere come ottenere alcune proprietà della finestra.

La casella e il suo ombreggiatore div scoloriscono in cima alla pagina e il div shader copre il corpo completo, non solo la finestra (Importante per le pagine che presentano barre di scorrimento orizzontali). Quando il modello div si affievolisce, si centra orizzontalmente e verticalmente in base alla finestra. Tuttavia, questo non funzionerà se l'utente scorrerà la pagina verso il basso (la casella sarà nella parte superiore della pagina poiché si basa sulla dimensione della finestra da sola).

C'è un modo per ottenere la finestra in alto e la posizione sinistra rispetto al corpo.
Ad esempio, l'utente ha fatto scorrere la pagina verso il basso e ha fatto clic su qualsiasi elemento per aprire la casella del modello, cosa posso fare per ottenere il numero di pixel che la parte superiore della finestra è verso il basso dalla parte superiore del corpo.

Answer 1

Questo dovrebbe farlo:

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

Answer 2

A meno che io sto equivoco la questione penso che solo in cerca di

$(window).scrollTop() 

Answer 3

per la sovrapposizione che si può fare

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

e tu lo mostri o lo nascondi.