最近遇见一个问题,一个页面套了一个iframe标签,iframe子页面内容高度不固定,如何保证让父页面高度自动按照iframe的高度来生成,不生成滚动条?
页面标签(注意:ifame一定要写onload标签)
<div>
<iframe id="index" class="map-container ifm" style="width: 100%;" src="" frameborder="0" onload="setIframeHeight(this)"></iframe>
</div
页面JS(注意:这段JS一定要引入在页面的最上面)
<script type="text/javascript" src="../jquery-1.11.3.min.js"></script>
<script>
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;
var height=iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
$(iframe).css('height',(height+50));
}
}
};
</script>