解决获得弹出层层的区域过大被遮挡的问题

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

如图：

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

获得为我们提供了层。style()；方法来重新跳整窗口的大小，然后我们只需要写一个函数，得到当前文档的宽度和高度，判断弹出框是否大于文档来调整窗口大小

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title link rel='样式表href=' layui/CSS/layui。CSS ' rel='外部无跟随' media=' all '/head dybutton id=' Dian Ji '点击/button form class=' layui-form ' action=' id=' id ' div class=' layui-form-item ' label class=' layui-form-label '单行输入框/label div class=' layui-input-block ' input type=' text ' name=' title ' lay-verify=' title ' autocomplete=' off ' placeholder='请输入标题class=' layui-input '/div/div class=' layui-form-item ' label class=' layui-form-label '验证必填项/label div class=' layui-input-block ' input type=' text ' name=' username ' lay-verify=' required ' lay-req text='用户名是必填项，岂能为空？ 占位符='请输入自动完成=' off ' class=' layui-input '/div/div class=' layui-form-item ' div class=' layui-inline ' label class=' layui-form-label '验证手机/label div class=' layui-input-inline ' input type=' tel ' name=' phone ' lay-verify='必填| phone ' autocomplete=' off ' class=' layui-input '/div/div class=' layui-inline ' label class=' layui-form-label '验证邮箱/label div class=' layui-input-inline ' input type=' text ' name=' email ' lay-verify=' email ' autocomplete=' off ' class=' layui-input '/div/div/formscript src=' http : layui/layui。 全部。js '/script脚本类型=' text/JavaScript ' var layerIndex；变层扭曲；变层光线；var $；layui.use(['form '，' jquery']，function(){ var form=layui。形式；$=layui.jquery$('#dianji ').单击(function(){ layer。open({ type : 1，area: ['500px '，' 900px']，content: $('#id ')，//这里内容是一个多姆，注意：最好该元素要存放在身体最外层，否则可能被其它的相对元素所影响btn: ['按钮一', '按钮二', '按钮三]，是：函数（索引，layero) { //按钮【按钮一】的回调}，btn2:函数（索引，layero) { //按钮【按钮二】的回调//返回错误的开启该代码可禁止点击该按钮关闭}，btn3:函数（索引，layero) { //按钮【按钮三】的回调//返回错误的开启该代码可禁止点击该按钮关闭}，取消：函数(){ //右上角关闭回调//返回错误的开启该代码可禁止点击该按钮关闭}，成功：函数(layero，index) { //获取当前弹出窗口的索引及初始大小layerIndex=索引；layerintwindth=$(' # layui-layer ' layerIndex).宽度();layerinsteight=$(' # layui-layer ' layerIndex).高度();调整图层大小（图层索引、图层扭曲、图层扭曲);形式。render()；} });}) });函数调整图层(图层索引，图层扭曲，图层打印高度){可变窗口宽度=$(文档).宽度();var windowHeight=$(文档)。高度();var最小宽度=layerintwind窗口宽度？窗宽：层扭曲；var min h8=layerInitHeight车窗高度？窗高：层光线；console.log('win: '，windowWidth，window height)；console.log('lay: '，layerInitWidth，layerinthightconsole.log('min: '，minWidth，minhThErlayer . style(Layerindex，{ top: 0，width: minWidth，height : minHigh })；}/脚本/正文/html效果图：

上面的文章解决了layui弹出层面积太大被屏蔽的问题，这也是边肖和大家分享的全部内容。希望能给大家一个参考，多支持我们。