easyui dialog 设置弹窗位于页面中间

原文链接：https://my.oschina.net/jingyao/blog/776603

此方法为解决页面含有滚动条时，弹窗位置错误问题，此方法可将带滚动条页面中弹窗显示于页面中间。

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

或者

$('#dlgDetail').window('open').window('resize', { width: '250px', height: '500px', top: sh + ($(window).height() - 500) * 0.5 });

 

说明：

（1）height：dialog的高度。

（2）移动dialog有现成的函数，但是dialog本身没有move函数，但是dialog是继承自panel的，panel有move函数，因此可以调用panel的move函数来移动dialog。使用时，先将dialog打开，后移动即可。

备注：

（1）$(window).height();    //获取浏览器显示区域的高度

（2）$(document.body).height();    //获取页面的文档高度

（3）$(document).scrollTop();    //获取滚动条到顶部的垂直高度

 

转载于:https://my.oschina.net/jingyao/blog/776603