如何让这个 iframe 根据内容调整大小？

Question

让 iframe 根据其内容调整大小真是太痛苦了。我已经尝试了论坛中发布的一系列不同的“解决方案”，现在我正在使用https://iframe-resizer.com/。

这是我正在使用的测试页面：https://mcpirstaging.wpenginepowered.com/maine-legislature/

这是父页面上的代码：

<iframe id="myIframe" src="https://george-mainemonitor.github.io/my-reps/" style="width: 100%;height: 100vh;border:none;"></iframe>

<script src="/wp-admin/js/iframe-resizer.parent.js"></script>
<script>
  iframeResize({ license: 'GPLv3', waitForLoad: true }, '#myIframe');
</script>

iframe 在初始页面加载时显示大量空白，然后当用户与 iframe 中的内容交互（提交表单查询）时，当结果加载时，iframe 根本不会调整大小。

没有看到任何错误发生。知道可能发生什么以及如何解决这个问题吗？谢谢你。

Answer 1

尝试将

waitForLoad

设置为 false。