每次更改 iframe 时调整 iframe 的大小以包装其内容 src答案

【问题标题】：Resize iframe to wrap it's content every time it changes it src每次更改 iframe 时调整 iframe 的大小以包装其内容 src
【发布时间】：2016-04-21 21:07:51
【问题描述】：

我设法调整 iframe 的大小以使用以下代码包装其内容：

var frameHeight = document.getElementById("fibertjekIframe").contentWindow.document.body.scrollHeight;
$(this).height(frameHeight);

第一次加载页面时它工作正常，但该 iframe 内部是一个表单，当用户提交表单时，他会被重定向到该 iframe 中的另一个页面。我希望 iframe 也可以根据其内容调整大小。

我希望这会奏效：

// Auto resize of the Fibertjek Iframe
$("#fibertjekIframe").on("load", function () {
    var frameHeight = document.getElementById("fibertjekIframe").contentWindow.document.body.scrollHeight;
    $(this).height(frameHeight);
});

每次在 iframe 中加载新的 src 时都会调用该函数，但由于某种原因，我得到了 iframe 的旧高度，所以它保持不变。

编辑：我进行了更多调查，发现即使在表单提交（在 iframe 中）和重定向之后，iframe 的 src 属性保持不变，所以我假设它仍然指的是旧页面，即使它已被重定向。如何克服这个我得到的唯一想法是将 iframe 的源设置为我在表单提交后被重定向到的页面，但这不是方便和正确的解决方案......

【问题讨论】：

标签： javascript jquery html iframe

【解决方案1】：

我建议使用 iframe-resizer 来满足您的需求：https://github.com/davidjbradshaw/iframe-resizer

【讨论】：

谢谢，但是这对我来说似乎太死板了，必须有一个更简单的解决方案。