iframeの高さを設定できません

Question

すべてのコンテンツを読み込むiframeを持つページがあります。私は、フレームがロードされたら、iFrameの高さを設定しようとしていました。

このコードは、親上で実行されて

$iFrame.load(function() { 

    this.style.height = 
     this.contentWindow.document.body.offsetHeight + 30 + 'px'; 

    console.log('onload height', this.style.height); 
}); 

コンソールが私にonload height 1229px

を与えているけれども、私はiFrameの window.document.body.offsetHeight

をロードするページでこれを実行する場合、それは1535

私に語りました

同じ値を得られないようです。スクリプトが読み込まれた後

私は両親を設定

は常にページ

に応じて、オフ500により、以上のようです、

if(inIframe()) { 
    $('iframe#page-content', window.parent.document).height($(window).height() + 'px'); 
} 

それは私に上記と同様の値を示し$(function() {})を使用してIFRAME何か案は？

Answer 1

これを行います。

$iFrame.load(function() { 
    this.style.height = '100%'; 
    console.log('onload height', this.style.height); 
});