jquery easyui滾動條部分設置介紹

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

複製代碼代碼以下:

//獲取瀏覽器顯示區域的高度 
$(window).height(); 
//獲取瀏覽器顯示區域的寬度 
$(window).width(); 
//獲取頁面的文檔高度 
$(document.body).height(); 
//獲取頁面的文檔寬度 
$(document.body).width(); 
//獲取滾動條到頂部的垂直高度 
$(document).scrollTop(); 
//獲取滾動條到左邊的垂直寬度 
$(document).scrollLeft();

ok，下面問題就很好處理了，移動dialog有現成的函數，不過dialog自己沒有move函數，可是dialog是繼承自panel的，panel有move函數，所以能夠調用panel的move函數來移動dialog 

代碼以下:

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

其中 $(window).height()-250，這裏250px是dialog的寬度。