Question

我有一个iframe，其中包含同一域内其他内容的来源。内容是动态的，可能会不时增长（包含用户评论）。我在模态中显示这个iframe。我试图获取iframe内容的高度，以便我可以相应缩小模态中的iframe高度。我在网上找到了几种解决方案，但我不了解它们。最简单的方法是什么？我在iframe中启用了滚动功能，解决了这个问题，然而，只是在模态中显示滚动条看起来不太好看。请注意，我在Semantic-ui（http://semantic-ui.com/modules/modal.html#/examples）中使用滚动模式，并在描述div中插入iframe，期望iframe的高度也会缩小。但显然它没有，我假设我需要想办法找到iframe高度。

Answer 1

我在我的网页上使用此脚本并且正在运行。我还添加了另一部分脚本，我第一次加载页面时会有一段时间来调整大小。

<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>


<iframe src="my-page" frameborder="0" id="foo" onload="autoResize('foo')"></iframe>

脚本。

function autoResize(id){
    var newheight;
    var newwidth;

    if(document.getElementById){
        newheight=document.getElementById(id).contentWindow.document.body.scrollHeight;
        newwidth=document.getElementById(id).contentWindow.document.body.scrollWidth;
    }

    document.getElementById(id).height=(newheight) + "px";
    document.getElementById(id).width=(newwidth) + "px"; 
}

测试它，让我知道它是否适合你。

获得同一域内iframe的高度

1 个答案: