Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как центрировать всплывающее окно (https://javascript.ru/forum/events/32327-kak-centrirovat-vsplyvayushhee-okno.html)

Анатолий Саратовцев 11.10.2012 20:25

Как центрировать всплывающее окно
 
Здравствуйте. У меня такой вопрос, помогите пожалуйста. Есть диалоговое окно, скорее даже не диалоговое а окно с контентом, которое должно быть по центру экрана.

Код:

var winH = $(window).height();
var winW = $(window).width();
var blokT = winH/2-($('.blokwindow').height()/2);
var blokL = winW/2-($('.blokwindow').width()/2);

Если у .blokwindow позиция стоит fixed, то все нормально. Но дело в том что блок может быть по высоте больше чем высота экрана, а при fixed нельзя прокрутить блок, крутится задний фон. Если делать позицию absolute, то если на странице много контента и кнопка для открытия находится далеко внизу, то при открытии этого блока его невидно (блок), только затемненный фон, а окно вверху, чтобы его увидеть надо прокрутить страницу, подняться наверх, о чем не каждый пользователь догадается. Как мне сделать, чтобы правильно подсчитать blokT ? :help:

cyber 11.10.2012 21:09

в этой статье все подробно расписанно про центрирование http://learn.javascript.ru/css-center


Часовой пояс GMT +3, время: 16:34.