easyXDM为iframe增添了神秘的额外高度

Question

我必须将服务提供商的内容放在父网站上的iframe中。 iframe内容的高度会根据用户交互动态变化。

我面临的问题是iframe增加了一些额外的高度。我不确定高度来自哪里。

有任何见解。

LINK TO PAGE

Answer 1

我不认为这是easyXDM的错误。

似乎计算的高度是iframe的当前宽度。如果删除HTML文件中的第28行，您将看到高度已完全填满。 （或以下行）（或者您可以保留代码，并在开发人员工具中禁用高度样式并查看结果）

  this.container.getElementsByTagName("iframe")[0].style.width = "500px";

由于调试器中的代码很难修改，我接下来要做的就是将宽度设置为填充内容和计算高度之前的宽度。

Answer 2

我遇到了同样的问题 当您为iframe元素指定高度时，请不要将其分配给所有iframe。因为它会影响广告和社交媒体插件中的iframe。

所以我做了以下

$('#divID iframe').height(easyXDMmessage);
$('#divID iframe').width('100%');

Answer 3

在空iframe的情况下，我遇到了一个问题，如果你将高度设置为0px，父块元素仍然会显示至少一行空文本。这是因为iframe实际上是内联元素，因此即使iframe本身为零高度，它们的父块仍将显示一行文本高度。这是一个简单的解决方法：

iframe#my_iframe { display:block; }