これはよくある質問だと思いますが、これは私を夢中にさせます。
コンテンツに合わせて高さを変更しiframe、スクロールバーを避ける必要があります。私はいくつかの解決策を探しましたが、それらのほとんどはうまくいきません。
最後に私はこれを使用しました：
function resize(){
var BodyH = document.body.scrollHeight;
var HeaderH = document.getElementById('main_header').scrollHeight;
var MenuH = document.getElementById('main_menu').scrollHeight;
var FooterH = document.getElementById('main_footer').scrollHeight;
parent.document.getElementById('iframe_R').style.height = (BodyH - HeaderH -MenuH - FooterH) + "px";
}
Chrome で「動作」しているように見えますが、私が本当に気に入らない余分なスペースが追加されます。Mozilla や IE では動作しません。
私は間違いを犯したり、不適切なプロパティを使用したり、その他のものを使用していることを知っています。いくつかの助けはいいでしょう。