单击 iframe 内的链接后如何调整 iframe 的大小答案

【问题标题】：How to have iframe resize after clicking a link inside of the iframe单击 iframe 内的链接后如何调整 iframe 的大小
【发布时间】：2018-12-21 05:53:27
【问题描述】：

我正在使用 iFrame Resizer 在页面上嵌入跨域 iframe。这很好用，直到我点击 iframe 内的链接，将我带到下一页。

在 iframe 源页面（远程页面）中，我在标题中有以下代码：

<script src="https://cdn.jsdelivr.net/npm/iframe-resizer@3.6.1/js/iframeResizer.contentWindow.min.js"></script>

在嵌入 iframe 的页面中：

<iframe id="crelate-iframe" src="https://foo.bar" frameborder="0" width="100%" scrolling="no">
</iframe>

在页面的页脚：

<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/iframe-resizer@3.6.1/js/iframeResizer.min.js?ver=1'></script>

<script>
(function($) {
    $(function() {
        $('#crelate-iframe').iFrameResize({
            log: true,
            heightCalculationMethod: 'lowestElement'
        });
    });
})(jQuery);
</script>

据我所知，日志记录并没有泄露太多信息。我只能看到它最初会调整 iframe 的高度，但是当我点击它时不会调整，当下一页的高度较小时，我最终会在底部看到一堆空白。

有什么可能导致这种情况的想法吗？

【问题讨论】：

标签： javascript jquery iframe iframe-resizer

【解决方案1】：

您加载到 iFrame 中的每个页面都需要添加脚本

<script src="https://cdn.jsdelivr.net/npm/iframe-resizer@3.6.1/js/iframeResizer.contentWindow.min.js"></script>

【讨论】：