Iframe 高度自适应，js控制Iframe 高度自适应

 Iframe 高度自适应, js控制Iframe 高度自适应, iframe自适应高度

================================

©Copyright 蕃薯耀 2019年12月31日

http://fanshuyao.iteye.com/

方法一：js控制Iframe 高度自适应

这个方法之前一直都在用，没有问题，但最新发现有些情况不行（具体原因不清楚）

方法二：html代码控制

在方法一不生效的时候，使用了方法二。

头部的html不需要任何的声明，都去掉，如下面代码所示：

上面如果能自适应，就不需要下面的；如果上面还不自适应，需要设置

1、body样式中的 overflow: hidden; 绝对不对省略；

2、Iframe 中的 height='100%' 以及 滚动条不能设为no(默认是yes，不用设置即可)

 方法三：同样是js控制（未验证）

原理：

Iframe页面的内容利用一个<div id="iframeContent">进行包裹，div会自适应内部高度，因此，可以通过div实现子页面高度的获取。

Iframe页面

父页面（嵌入Iframe的页面）增加js：

 方法四：同样是js控制（未验证）

（如果你觉得文章对你有帮助，欢迎捐赠，^_^，谢谢！）

================================

©Copyright 蕃薯耀 2019年12月31日

http://fanshuyao.iteye.com/