在屏幕中心定位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; 
}