獲取當前窗口位置相對於文檔主體的頂部

Question

我正在開發一個模型框jQuery插件，我需要知道如何獲取一些窗口屬性。

框和其着色器div淡入頁面頂部，着色器div覆蓋整個正文，而不僅僅是窗口（對於具有水平滾動條的頁面來說很重要）。當模型div淡入時，它基於窗口水平和垂直居中。然而，如果用戶向下滾動頁面（這個框將位於頁面的頂部，因爲它僅基於窗口大小居中），這將不起作用。

有沒有辦法讓窗口頂部和左側的位置相對於身體。
例如，用戶向下滾動頁面並單擊任何項​​以打開模型框，我可以做些什麼來獲取窗口頂部從主體頂部向下的像素數。

Answer 1

這應該這樣做：在覆蓋

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

Answer 2

除非我誤解的問題，我覺得你只是尋找

$(window).scrollTop() 

Answer 3

你可以做

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

而你只是顯示或隱藏它。