如果iframe高度超过，则调整父窗口的大小

Question

我正在使用javascript根据内容动态更改iframe的高度

function resizeIframe(obj) {
  obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}

<iframe id ="iframe" scrolling="no" onload='javascript:resizeIframe(this);'>
        <p>Iframe not supported,go get a new browser</p>
</iframe>

现在，如果iframe页面高度超出了其他内容+ iframe页面的总高度超过了窗口本身的高度，则会修剪页面的下半部分，以便iframe的底部内容不可见。

如何解决这个问题。

Answer 1

你应该有办法阻止iframe变得太大。例如，如果您想要阻止iframe变得超过700像素，那么您应该这样做：

function resizeIframe(obj){
    var newheight=obj.contentWindow.document.body.scrollHeight;
    obj.style.height=newheight>700?'700px':newheight+'px';
}