1、如下图所示,弹出层被遮挡了,无法操作,这时,唯有放大整个页面才能看到完全的弹出窗口,才可以操作。
2、我的骈禄笫杳解决办法是:1、定义页面变量 var layerIndex; var layerInitWidth; var layerInitHe足毂忍珩ight;2、在layer.open的完成事件中获取窗口初始大小及窗口索引//获取当前弹出窗口的索引及初始大小layerIndex = index;layerInitWidth = $("#layui-layer"+layerIndex).width();layerInitHeight = $("#layui-layer"+layerIndex).height();//此处调用是因为,初始弹出窗口时,window也可能小于窗口,这里调用一次调整,resizeLayer为自定义的方法,后面给出utils.resizeLayer(layerIndex,layerInitWidth,layerInitHeight);完整的代码见图所示:3、监听window的resize事件,重新设置大小 监听window变化,调用resizeLayer方法重设置弹出窗口大小 $(window).resize(function() { utils.resizeLayer(layerIndex,layerInitWidth,layerInitHeight); });
3、重新设醅呓择锗置函数 若window比窗口小,取小的值来设置弹出窗口的大小,因为多个页面都要调用,在此封装到utils中作为一个函数来调用,代码见图片所示:
4、初始时窗口比window小的情况,自动适应了,如图所示:
5、通过鼠标对浏览器窗口进行缩放,调整window大小,可以看到,弹出层也会自动适应:
6、如果浏览器窗口正常,window的大小比弹出层大时(即正常情况),窗口使用原始设置的大小,如图所示: