jquery - コンテンツに基づいて iframe の高さを動的に調整する

Question

iframe の高さを動的に変更する方法については、多くの回答があります。プラグインを試しましたhttps://github.com/house9/jquery-iframe-auto-height

プラグインは iframe の読み込みで動作しますが、コンテンツがリロードされない場合 (たとえば ajax)、iframe コンテンツ内の変更に基づいて高さが動的に変更されることはありません。

私の質問は: コンテンツの高さが変わるときに iframe の高さを動的に変更する方法は?

Answer 1

編集...わかりました、私の友人は私に正しい方法を教えてくれました。メイン ウィンドウからプラグインを削除し、iframe ページに次の jquery コードを追加しました。

_

setInterval(function(){
    //console.log($("body").height());
    parent.$("iframe").height($("body").height());
}, 100);

しかし、拡張後、高さが最初の状態に変わらないという問題があります。例でアコーディオンを閉じると大きくなりますが、小さくなりません...この問題はChromeブラウザのみです...

Chromeウィンドウのサイズを変更しようとすると、iframeが通常の高さに戻るため、Chromeのバグのようです。IE9 と FF12 では正常に動作します。