使用中心插件的jQuery中心元素到视口

我目前正在使用jQuery中心插件来集中我的div元素,到目前为止,它的工作范围是将它集中到包含的父容器。 我想要它做的是将它居中到当前的浏览器视口中心。 怎么办?

单击时,我的设置是一个简单的链接,一个div将像我想要居中的模式一样弹出到当前浏览器视口中心。

不需要插件。 这样做的诀窍:

$('#yourElement').css('display', 'inline-block').wrap('
');

现场演示: http //jsfiddle.net/simevidas/EnrLn/1/


同样的事情,但没有TABLE元素。 我使用DIV与display:tabledisplay:table-cell

现场演示: http //jsfiddle.net/simevidas/EnrLn/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() ) );