javascript - 每次加载时按内容设置 iframe 高度

Question

我尝试了这里的所有解决方案，但没有一个对我有用。我想要像下面的代码那样的 iframe。但我需要通过 iframe 内容高度动态设置 .iframe-container 类高度。我尝试了 stackoverflow 上的所有解决方案，但没有一个有效。

<style>
.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  height: 2000px;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   margin-top:-120px; 
}
</style>

  <div id="frameid" class="iframe-container" >
    <iframe  src="https://idt-spa.kayako.com/it/" frameborder="0"         
scrolling="no" ></iframe>
   </div>
<script>
    window.onload = function () {
    setIframeHeight(document.getElementById('frameid'));
};    
 function setIframeHeight(iframe) {
    if (iframe) {
        var iframeWin = iframe.contentWindow ||     
iframe.contentDocument.parentWindow;
        if (iframeWin.document.body) {
            iframe.height =     
iframeWin.document.documentElement.scrollHeight || 
iframeWin.document.body.scrollHeight;
    }
}
};
</script>

Answer 1

你可以像这样设置position:fixed;:

iframe {
        position:fixed;
        border: none;
        height: 100vh;
        width: 100vw;
    }

    <iframe id="frmid" src="https://idt-spa.kayako.com/it/"></iframe>