将div元素定位在屏幕中心

Question

我想通过CSS在屏幕中心放置一个div元素（弹出窗口）。没问题。

当我滚动浏览器然后点击显示弹出窗口的元素时出现问题，但是这个会显示在页面顶部，而不是将其居中在渲染区域（滚动）

弹出窗口必须保留在页面上，然后滚动它。

有谁知道怎么做？

提前致谢

Answer 1

我相信你想要的是位置：固定而不是位置：绝对。

取自jqModal：

.popup{
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 600px;
background-color: #eeeeee;
color: #333333;
padding: 12px;
}

Answer 2

这在JavaScript中是可以实现的。你应该有一个带来div元素的链接（jQuery）：

var divTop = 75 + $(window).scrollTop();    // places the popup 75px from the top       
$('.popup_inner').css({'top':divTop, 'display':block});

位置：固定也是一个选项，但我不相信IE6会支持它，如果这对你很重要。