你的位置:首页 > Java教程

[Java教程]出现滚动条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()方法一章节。