欢迎光临
我们一直在努力

解决layer弹出iframe时高度无法自适应的问题

本篇文章讲解一下,layer弹出iframe时高度无法自适应一直显示150px的,记录一下我的解决方案。

原因:

1、我的网站用到Rem可能跟rem计算有关,layer没有计算到真是高度。

2、弹出的iframe页面中的元素有用js写入的,当页面加载完成后去计算高度时,js添加的新元素的高度没有算进去

解决方法,在iframe弹出的页面中加上处理父页面的layer窗体高度的js

//iframe 子页面的代码 需要引用jquery
$(function () {
        //获取窗口索引
        var index = parent.layer.getFrameIndex(window.name); 
        //重置layer窗体的高度
        parent.layer.iframeAuto(index);
        //获取父页面的高度
        let winH = parent.window.innerHeight;
        //获取layer重置后的高度
        let layerH = parent.$("#layui-layer" + index).height();
        //重置top值,让layer窗体垂直居中
        parent.$("#layui-layer" + index).css("top", (winH - layerH) / 2 + "px");
});
赞(0)
未经允许不得转载:自游互动 » 解决layer弹出iframe时高度无法自适应的问题
分享到: 更多 (0)

自由技术,自由自在

项目合作联系我们