使用中心插件的jQuery中心元素到视口
我目前正在使用jQuery中心插件来集中我的div元素,到目前为止,它的工作范围是将它集中到包含的父容器。 我想要它做的是将它居中到当前的浏览器视口中心。 怎么办?
单击时,我的设置是一个简单的链接,一个div将像我想要居中的模式一样弹出到当前浏览器视口中心。
不需要插件。 这样做的诀窍:
$('#yourElement').css('display', 'inline-block').wrap('
');
现场演示: http : //jsfiddle.net/simevidas/EnrLn/1/
同样的事情,但没有TABLE元素。 我使用DIV与display:table
和display: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() ) );