iFrameResizer 不计算 iframe 的高度

Question

我有一个外部域“domainB”，我从中提取内容。包含在domainB的脚本中的是iframeResizer.contentWindow.min.js

我的域“domainA”包括 iframeResizer.min.js，我这样称呼它：

$('iframe').iFrameResize({log:true, checkOrigin:false,
heightCalculationMethod:"taggedElement"});

无论我将“heightCalculationMethod”更改为什么，它都不会对 iframe 的高度产生任何影响。下面是日志记录

[iFrameSizer][主机页面：iFrameResizer0] 添加了缺少的 iframe ID：iFrameResizer0 ( http://domainB/ ) iframeResizer.min.js:8
[iFrameSizer][主机页面：iFrameResizer0] iFrameResizer0 iframeResizer.min.js 禁用 IFrame 滚动： 8
[iFrameSizer][主机页面：iFrameResizer0] [init] 发送消息到 iframe[iFrameResizer0] (iFrameResizer0:8:false:true:32:true:true:null:taggedElement:null:null:0:false:parent:scroll ) targetOrigin: * iframeResizer.min.js:8
[iFrameSizer][主机页面: iFrameResizer0] [iFrame.onload] 发送消息到 iframe[iFrameResizer0] (iFrameResizer0:8:false:true:32:true:true:null:taggedElement :null:null:0:false:parent:scroll) targetOrigin: *

所以看起来它正在工作，没有错误，但没有任何效果。有没有更好的方法来做到这一点，实际上可以改变 iframe 的高度？

Answer 1

我遇到过同样的问题。就我而言，这是因为在框架内的页面（带有 iframeResizer.contentWindow.min.js 的页面）中有一个外部插件设置此 CSS 样式：

body,html{height:100%}

我通过在框架内的页面中添加此 CSS 来修复此问题：

 body, html {height:inherit !important;}