解决layui弹出层layer的area过大被遮挡的问题

layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小比弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。

如图:

解决layui弹出层layer的area过大被遮挡的问题_第1张图片

 

弹出窗口比当前页面大,这时,唯有放大整个页面才能看到完全的弹出窗口,才可以操作。

layui 为我们提供了 layer.style(); 方法来重新跳整窗口的大小 , 然后我们只需要写一个函数,得到当前document的宽度和高度, 判断弹出框是否大于document来调整窗口大小




 
 Title
 




效果图:

 解决layui弹出层layer的area过大被遮挡的问题_第2张图片

 

你可能感兴趣的:(layui,前端,javascript)