この問題についてしばらく調べてみましたが、解決策が見つかりませんでした。
場合:
コンテンツに応じてサイズを変更する必要がある iframe があります (ページは AJAX を多用し、ユーザーの操作に応じてコンテンツが増減する可能性があります)。親ページと iframe に読み込まれるページの両方が同じドメインにあるため、整数値を期待する js 関数を親ページに記述しました。次に、後述のように js を介して iframe の高さを設定します。
document.getElementById('frameId').style.height = (height) + "px";
問題:
ドキュメントが変更されたときにドキュメントの高さを取得するためにjQueryを使用しています。
jQuery(document).height();
私が遭遇した問題は、Chrome が Firefox/IE よりも約 300px 高くなっていることでした。どうしてこうなったのか調べてみました。そして、頭をぶつけた後、何らかの理由でChromeでドキュメントの高さを取得しているときに、cssの「表示」設定が「なし」に設定されている要素も計算に含まれていることがわかりました。ユーザーがアクションを実行したときに表示されるリストがあります。そして今、それは私の計算に問題を引き起こしています。この余分な高さのために、ページの下部が空に見え、何かがまだ読み込まれていないように感じます (これはあまり魅力的ではありません)。
どんな援助でも大歓迎です。
よろしく
イェハンゼブ