タイトルはそれをすべて言います。私はすべてを試しましたが、iframe 内のコンテンツは一貫して iframe 自体の高さを報告しています。
iframe に埋め込まれた html に、次のことを行う JavaScript 関数を追加しました。
alert($(document).height());
一貫して、高さは 150px として表示されます。これはたまたま初期ロード時の iframe のサイズです。問題は、iframe に pdf を表示する object タグがあることだと思います。視覚的には、pdf は明らかに iframe よりも背が高いので、それに応じてドキュメントの高さが設定されることを期待しますが、そうではありません。
なぜこれが起こっているのですか?コンテンツの実際の高さを取得するにはどうすればよいですか? どのような状況でこの動作が必要になるでしょうか?
最終的に、私がやろうとしているのは、ヘッダー付きの PDF を印刷することです。window.print() を呼び出す iframe で印刷関数を呼び出しています。私が見つけたのは、印刷の長さが PDF に対して正しいことです (印刷プレビューには 3 ページが表示されます) が、実際の表示には iframe しか表示されません。つまり、印刷プレビューの最初のページには iframe が表示されますが、2 ページ目と 3 ページ目は空白になります。
私のアプローチは、iframeを必要な高さにして印刷し、高さを通常の高さにリセットすることでした。しかし、iframe 内のドキュメントの高さは、一貫して iframe 自体の高さとして報告されています。
テストにはChromeを使用しています。