关于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/'
    });
  }
});