jquery easyui捲軸部分設定介紹_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的寬度。