layer弹出iframe的高度不自适应。一直是150px

通常我们用layer都是点击事件中弹出layer，如下：

$("#loginbtn").click(function(){layer.open({type: 2,title: '欢迎登录',skin: 'login-class',maxmin: false,title: false,closeBtn: 0,shadeClose: true, //点击遮罩关闭层area: ['760px', '80%'],btn:['1','2'],content: 'login.html',offset: '18%',})
});

通常，我们这样写没问题，但是，当我们需要页面加载后直接就弹出layer时，最常见应用场景就是注册页面加载后直接触发layer，弹出注册协议。

这时候问题来了，我们会发现弹出的iframe的高度一直是150px,高度并不自适应。

经分析：原因就是layer计算ifram的时候，页面还没加载完全，而ifram本身就是通过页面的高度的进行计算的（因为我高度设置的80%）

两种解决方案：

1、将 80%高设置成具体的数值，比如 300px，但是这样做，不能达到弹出小窗自适应的效果

2、等页面完全加载完毕后，再出发layer，代码如下：

$(document).ready(function() {window.onload = function() {layer.open({type: 2,title: '注册协议',maxmin: false,shadeClose: false, // 点击遮罩关闭层area: ['1096px', '80%'],content: 'registeragree.html',offset: 'auto',btnAlign: 'c',closeBtn: 0,btn: ['同意并继续', '取消'],yes: function(index, layero) {layer.close(index);initPage();getVerifyCodeImg();},btn2: function(index, layero) {window.location.href = "index.html";}});}
});

这样，这个问题就解决了。

layer弹出iframe的高度不自适应。一直是150px相关推荐

layer 弹出iframe层
layer 是一款使用非常方便且功能强健的 jQuery 弹出层插件,对各类浏览器中的兼容性也很好.使用它可以创建出交互体验更好的 Web 应用程序. layer 的维护人员是一群和小G年龄相仿,富有 ...
layui layer 弹出框内容高度
layer.open({title: '编辑', type: 1,shade: false,maxmin: true, shade: 0.5,anim: 1,skin: 'layer-ext-mysk ...
layer弹出层的位置设置
1.给弹出层id及信息,方便获取其宽度和高度 var index = layer.msg(data.info,{id:'reg-id'}); 2.根据具体情况计算出弹出层的top和left,用offs ...
layui弹出层之layer.open弹出iframe窗口·
layui弹出层之layer.open弹出iframe窗口· layer.open弹出iframe窗口 [1]该功能为案例,弹出iframe窗口显示上传数据由于layui的弹出层每次执行layer. ...
Layer——弹出层
Layer--弹出层开发工具与关键技术:Visual Studio 前端作者:盘子撰写时间:2019年5月16 日 Layui.layer弹层组件文档,layer是layui的代表作,也只是作为 ...
Vue（二十一）Layer弹出层
安装:下载源码到本地 layer: 丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips 等等几乎所有的弹出交互.目前已成为 ...
layer弹出信息框API
layer API之键值(仅在需要时配置,未配置的会用默认) 键 : 值描述 skin : 0 层的皮肤编号,值为整数型.目前默认只提供一种皮肤,当你按照样式规则新增皮肤时(详见skin/layer ...
layer弹出层不在页面居中解决方案
layer弹出层不居中解决方案一.问题描述用layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看不到提示了. 另一 ...
layer弹出层闪退_layer弹出层详解
1.layer 弹出层iframe页面关闭自身 function closeFrame() { var index = parent.layer.getFrameIndex(window.name); ...

layer弹出iframe的高度不自适应。一直是150px

layer弹出iframe的高度不自适应。一直是150px

layer弹出iframe的高度不自适应。一直是150px相关推荐

最新文章

热门文章