質問: ある事情で、一部のページ(以下ページB)だけifarameで表示させています。表示させているページはページAとします。 このページAでページBを表示させる際に、iframeでやってると気づかれないように、 高さはページBの高さの幅に合わせて変化するようなJavaScriptを組みました。 参考→iframeの高さを自動調整する これで、ファーストビューではスクロールの必要がないiframeの実装はできました。 しかし、このページBでは、Jqueryを用いて表示・非表示を切り替える動作があるのですが、そこで変化した高さには対応できず、高さが伸びるとスクロールが必要となってしまいます。 ページBの高さの変化を監視し、スクロール不要のiframeに仕上げることはできますか? ちなみに、ページBは配布されたプログラムで、自分では作っていません。 使ったことのないangularjsで組まれているため、そのプログラム一式だけは独立させており、その内容をiframeで表示させるようにしたいのです。 なので、その処理を実装する際は、なるべくページB側で修正することは控えたいです。 我儘を言って申し訳ありません。 不可能なら遠慮なくおっしゃってください。 以下は状況再現用のサンプルです。 **ページA** ``` テストA ``` **ページB** ``` テストB あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああ ```
回答: iframe は onload 以外に検知できるイベントがなさそうなので、 * ページAで定期的にフレームの高さを再設定する * ページBで動的な表示変更を行った際にページAの再設定処理をコールバックする のどちらかでしょうね。ページBの修正が不可であれば前者しかないかと。