/**根據當前頁面與滾動條位置，設置對話框的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>