对话框的top与left

/**根据当前页面与滚动条位置，设置对话框的top与left**/

function showDialog(){

var objW = $(window);//当前窗口

var objC=$(".dialog");//对话框

var brsW=objW.width();

var brsH=objW.height();

var sclL=objW.scrollLeft();//滚动条的Left值

var sclT=objW.scrollTop();//滚动条的Top值

var curW=objC.width();

var curH=objC.height();

var left = sclL+ (brsW-curW)/2; //计算对话框居中时的左边距

var top=sclT+ (brsH-curH)/2; //计算对话框居中时的上边距

objC.css({"left":left,"top":top});//设置对话框在页面中的位置

}

//页面窗口大小改变时，对话框的位置随之变化但仍然居中

$(window).resize(function(){

//如果没有出现对话框，则不执行该事件中的代码

if(!$(".dialog").is(":visible")){

return;

}

showDialog();

})

<div class="dialog"></div>