javascript - iFrameResizer 不计算 iframe 的高度

Question

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

我的域“domainA”包含 iframeResizer.min.js，我这样调用它:

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

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

[iFrameSizer][Host page: iFrameResizer0] Added missing iframe ID: iFrameResizer0 (http://domainB/) iframeResizer.min.js:8
[iFrameSizer][Host page: iFrameResizer0] IFrame scrolling disabled for iFrameResizer0 iframeResizer.min.js:8
[iFrameSizer][Host page: iFrameResizer0] [init] Sending msg to iframe[iFrameResizer0] (iFrameResizer0:8:false:true:32:true:true:null:taggedElement:null:null:0:false:parent:scroll) targetOrigin: * iframeResizer.min.js:8
[iFrameSizer][Host page: iFrameResizer0] [iFrame.onload] Sending msg to 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;}