我在网站上嵌入了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。