easyui dialog 设置弹窗位于页面中间
2019-10-12 15:12 若藜520 阅读(1013) 评论(0) 编辑 收藏 举报原文链接: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