关于layer iframe弹出层 解决自定义高度的问题 第一次点击内容显示不完全 (轻喷)

问题:点击按钮 弹出一个弹出框 不过弹出框的内容 只占据整个弹出框的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/'
    });
  }
});

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值