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();    //获取滚动条到顶部的垂直高度文档

相关文章
相关标签/搜索