Позиционирование элемента div в центре экрана

Question

Я хочу позиционировать элемент div (всплывающее окно) в центре экрана с помощью CSS. Нет проблем с этим.

Проблема возникает, когда я прокрутки браузера, а затем я нажимаю на элемент, который отображает всплывающее окно, но это одна будет отображаться в верхней части страницы, а не центрирование его на оказанной области (прокручивать)

Всплывающее окно должно оставаться на странице и прокручивать его.

Кто-нибудь знает, как это сделать?

Заранее спасибо

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