jQuery前端框架easyui使用Dialog时bug处理-Web前端之家

承保如上效果的基本点代码是:

几日前径直都在用easyui前端框架来支付设计UI,但在运用Dialog时,开掘只要页面内容超级多,就能够晤世难点,首先看一下本人的原代码:

成功 失败

能够见见多少个难题,一是遮罩层未有任何盖住网页内容,二是对话框不见了,当然不是的确不见了,而是呈现到了页面包车型客车上边,要求将滚动条拖回到项端方可以知道到,变成这么的原故很明亮,一是收获网页内容中度不科学,只是拿到了window的中度,才会晤世遮罩不完全,二是原则性不得法,未能准确识别到scrollTop,形成对话框定位不允许,针对那个主题素材,作者做出了相应的修改,进而解决了该难点,下边是改正后的代码:

固然滚动也能一向高居网页中间,效果如下:

我们测量检验下,是否比此前的好用多了,本身测量检验了大部分浏览器都未曾难点,假如有疏漏的,还请留言告之,本代码持续更新。

复制代码 代码如下: $.dialog(“move”, {
top: $ + – 200State of Qatar * 0.5 }卡塔尔(قطر‎; //移动到眼下内容页面包车型客车中级 $.css.height;
//调度遮罩层的惊人为网页内容低度

当点击开关时,张开对话框,效果如下:

当今开发对话框就不以为奇了,效果如下:

复制代码 代码如下:

复制代码 代码如下:

成功 失败

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图