爱程序网

出现滚动条easyui如何实现dialog带有滚动条居中

来源: 阅读:

出现滚动条easyui如何实现dialog带有滚动条居中:
在默认情况下,dialog插件的弹出框是居中的,但是这不考虑带有滚动条的情况,如果出现滚动条的话,这就需要根据滚动条来定位dialog,下面就来简单介绍一下如何实现此效果。
解决方案如下:

$("#test").dialog('open'); 
$("#test").panel("move",{top:$(document).scrollTop() + ($(window).height()-300) * 0.5});

上面代码中,300是dialog的宽度值,单位是像素。
代码比较简单,这里就不多介绍了,可以参阅相关阅读的内容。
相关阅读:
1.height()函数可以参阅jQuery的height()方法一章节,$(window).height()可以获取浏览器显示区域的高度。
2.scrollTop()函数可以参阅jQuery的scrollTop()方法一章节。

 

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助