在使用dialog插件時，默認是屏幕居中的，但是當頁面出現滾動條時，dialog并沒有隨著滾動條往下滾動，這時就需要用戶滑動滾動條來定位dialog，這不人性化，在說出解決方案前先來普及一下jquery關于定位的幾個方法

復制代碼 代碼如下:

//獲取瀏覽器顯示區域的高度
$(window).height();
//獲取瀏覽器顯示區域的寬度
$(window).width();

//獲取頁面的文檔高度
$(document.body).height();
//獲取頁面的文檔寬度
$(document.body).width();

//獲取滾動條到頂部的垂直高度
$(document).scrollTop();
//獲取滾動條到左邊的垂直寬度
$(document).scrollLeft();

復制代碼 代碼如下:

$('#dlg').dialog('open');
$("#dlg").panel("move",{top:$(document).scrollTop() + ($(window).height()-250) * 0.5});