调整父框架的大小以适应iFrame高度

时间:2014-02-10 01:47:19

标签: javascript jquery html css iframe

我在网站上嵌入了iFrame。 iFrame的高度可以从2,000+像素到几百像素高。

iFrame嵌入看起来像这样:

<iframe frameborder="0" src="path" width="100%" height="800"></iframe>

我所追求的是,​​如果iFrame大于父框架,则父框架会扩展到iFrame的高度。如果iFrame小于父框架,则父框架会调整大小到iFrame的高度。

目标是阻止iFrame中的滚动条或父框架中的过多空间。

我该怎么做?

我的想法是,如果可能的话,检查iFrame的高度(一旦加载内容,而不是预设的高度),然后我可以运行一个函数来调整父页面的大小。我不确定如何检查iFrame高度。

注意:iFrame位于单独的域中。我不控制iFrame的HTML或JS,但是,我可以将CSS添加到iFrame页面。 (iFrame在其他地方托管,但允许我控制CSS,但没有别的。)我也在页面上使用jQuery 2.1。

0 个答案:

没有答案