在屏幕中心定位div元素

Question

我想通过CSS在屏幕中心定位一个div元素（弹出）。这没有问题。

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

弹出窗口必须保存在页面中并让它滚动。

有谁知道怎么办呢？

在此先感谢

Answer 1

这是在JavaScript实现的。你应该有，带来了的div元素的链接做到这一点（jQuery的）：

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

位置：固定也是一种选择，但我不认为它是由IE6的支持，如果这对你很重要。

Answer 2

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

从jqModal摘自：

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