easyui dialog 設置彈窗位於頁面中間

此方法爲解決頁面含有滾動條時,彈窗位置錯誤問題,此方法可將帶滾動條頁面中彈窗顯示於頁面中間。javascript

$("#dialogID").panel("move",{top:$(document).scrollTop()+($(window).height()-height)*0.5});

說明:java

(1)height:dialog的高度。瀏覽器

(2)移動dialog有現成的函數,可是dialog自己沒有move函數,可是dialog是繼承自panel的,panel有move函數,所以能夠調用panel的move函數來移動dialog。使用時,先將dialog打開,後移動便可。函數

備註:code

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

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

(3)$(document).scrollTop();    //獲取滾動條到頂部的垂直高度文檔

相關文章
相關標籤/搜索