javascript - 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';
}