jQuery центральный элемент для просмотра с помощью центрального плагина

Question

В настоящее время я использую плагин центра jQuery для центрирования моего элемента div, и пока он работает до уровня, где он центрирует его в содержащий родительский контейнер.Я хочу, чтобы он был в центре текущего окна просмотра браузера.Как это можно сделать?

Моя настройка - это простая ссылка, при нажатии на которую, div появляется как модал, который я хочу центрировать в текущем центре просмотра браузера.

Answer 1

Плагин не требуется. Это делает трюк:

$('#yourElement').css('display', 'inline-block').wrap('<table style="position:fixed;top:0;left:0;height:100%;width:100%;border-spacing:0;border-collapse:collapse"><tr><td style="vertical-align:middle;text-align:center;padding:0"></td></tr></table>');

Живая демоверсия: http://jsfiddle.net/simevidas/EnrLn/1/

---

То же самое, но без элемента TABLE. Я использую DIV с display:table и display:table-cell вместо:

Демонстрационная версия: http://jsfiddle.net/simevidas/EnrLn/2/

Answer 2

Используйте

jQuery( "#element_id" ).css( 'top', parseInt( ( jQuery( window ).height() / 2 ) + jQuery( document ).scrollTop() - jQuery( "#element_id" ).height() ) );
jQuery( "#element_id" ).css( 'left', parseInt( ( jQuery( document ).width() / 2 ) + jQuery( document ).scrollLeft() - jQuery( "#element_id" ).width() ) );