我正在重构我的个人网站，这是一个投资组合，我想要加载不同的页面，这取决于用户想要看到的项目，我有一个问题，当加载一个子页面在一个iframe。 我已经测试了一系列不同的JavaScript和css方法来自动检测子页面的高度，但是我所测试的所有东西要么似乎都无法读取子页面的高度，要么就像在iframe中设置height=“100%”一样，它只填充父div而不是扩展它。

以下是我目前得到的信息:

在头上:

<script>
    function resizeIframe(obj) { 
        obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';          
    }
</script>

我的iframe:

<iframe sandbox="allow-same-origin allow-scripts" lang="en" src="subpage.html" allowTransparency="true" scrolling="no" frameborder="0" width="100%" onload="resizeIframe(this)"></iframe>

您可以在https://dylanfini.com/test/index.html#cyanide-studio上实时看到它，并在这里查看我的解决方案:https://github.com/nythr/website/tree/master/_onlineversion

有人能帮我一下吗？ 我是不是漏掉了什么？

附注:我在网页设计和编程方面都是自学成才的，所以可能我的问题很愚蠢，或者我遗漏了一些显而易见的东西。 对不起，如果是这样的话:/

我知道iframe的使用并不总是最好的，但在我的情况下，它让我可以很容易地集成和维护网页，因为我只需要从我建立的一个概念中导出我的网页，我的所有内容从我的网站子页面和瞧。。。 不需要创建所有由我自己所有的子页面的网站，它将是如此容易维护