Формула К центру Модал

Question

ребята, мне нужна помощь, мне трудно найти формулу для центрирования этого модального значения (http://www.queness.com/post/77/simple-jquery-modal-window-tutorial) мой браузер имеет размер 1263X582, я решаю его, используя формулу в jquery

    $(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);

так что в основном я бы закончил с 1263/2 - 395/2 для верха и 582/2 - 223/2 для левого, тогда я бы закончил ТОП: 179.5 СЛЕВА: 434, но когда я осматриваю элемент сайта и проверяю, правильно ли я егодает мне другой ответ. Я просто хочу знать, правильное ли мое решение, или каково правильное решение для этого.

СПАСИБО.

Answer 1

Формула выглядит хорошо, просто убедитесь, что вы получаете правильный размер для winH, winW и ваши модальные размеры.

Если модальный не виден, вы получите 0, или если он не находится в окне вашего документа, он будет иметь странную форму.

Также учтите, что height() и width() не учитывают заполнение, но outerWidth() делает.

Совет: Храните $ (id) внутри другой переменной, чтобы оптимизировать ваши запросы jQuery.

var modal = $(id);
modal.css('top', winH/2 - modal.height()/2);