问题:点击按钮 弹出一个弹出框 不过弹出框的内容 只占据整个弹出框的1/3。页面效果很丑~
如果关闭再点击一次才有我想要的效果。
想要的效果:
我查看了代码发现没有问题呀!!! 我设置了area高度就是600px 为什么 显示成这种效果
通过我百度 问大佬 都没有很好的解决方案,午休过后,还是不信邪,终于在http://layer.layui.com/找到了解决方法。
解决方法:layer 通过过渡的方式 来让iframe内容加载完全
只需要修改里面的参数值就行了
//iframe窗
//如果我们不需要第一个弹出层 可以把area 都设置成0px 页面都不显示了
layer.open({
type: 2,
title: false,
closeBtn: 0, //不显示关闭按钮
shade: [0],
area: ['340px', '215px'],
offset: 'rb', //右下角弹出
time: 2000, //2秒后自动关闭
anim: 2,
content: ['test/guodu.html', 'no'], //iframe的url,no代表不显示滚动条
end: function(){ //此处用于演示
layer.open({
type: 2,
title: '很多时候,我们想最大化看,比如像这个页面。',
shadeClose: true,
shade: false,
maxmin: true, //开启最大化最小化按钮
area: ['893px', '600px'],
content: '//fly.layui.com/'
});
}
});