获取相对于文档正文的当前窗口位置的顶部

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%;
}

你只是显示或隐藏它。