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

时间:2023-03-09 07:53:39
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控制(未验证)

(如果你觉得文章对你有帮助,欢迎捐赠,^_^,谢谢!)

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

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

©Copyright 蕃薯耀 2019年12月31日

http://fanshuyao.iteye.com/