弹出框设置在页面居中

思路：

1.获取当前页面的高和宽、针对顶部和左侧的滑动距离。

2.将弹出框的位置设为绝对位置。

3.设置弹出框针对屏幕的左侧和顶部的距离。

代码：

html ：

<div class="dialog">

...... //模态框内容

</div>

css: .dialog{ position:abosulte;......}

script: var showDialog(){

var objW = $(window);

var objC = $(".dialog");

var brsW = objW.width();

var brsH = objW.height();

var sclL = objW.scrollLeft();

var sclT = objW.scrollTop();

var curW = objC.width();

var curH = objC.height();

var left = scrlL + (brsW - curW)/2;

var top = scrlT + (brsH - curH)/2;

objC.css("left":left,"top":top);

}

ps:$(window).resize(function(){//页面窗口大小改变事件

showDialog();

});