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 の下部コンテンツが表示されなくなります。
これを解決する方法。