1

ネストされた に特定の問題がありiframesます。これはレガシー アプリケーションであり、現状を変更することはできませんparent-iframe。

したがってiframe、メインのhtmlドキュメントに親がいます。これparent-iframeは完全な html ドキュメントを占有する唯一の子であるため、必要に応じてメインの html ページのサイズを変更しparent-iframe、表示scrollbarsする必要があります。

は、parent-iframeどの子iframeを表示する必要があるかを決定し、 を表示しcontent-iframeます。これcontent-iframeは 内の唯一の子になります。つまり、コンテンツの本文の高さと幅がブラウザでparent-iframeの決定要因になるはずです。scrollbars彼らはすでに jQuery を使用してiframes、コンテンツの高さに基づいてサイズを変更していますが、何か問題があることがわかります。

内部のソースにcontent-iframeは、ヘッダーdiv、コンテンツdiv、およびフッターがありdivます。フッターdivは、常にブラウザー ウィンドウの下部に固定する必要があります。コンテンツが小さい場合は、ウィンドウの下部にとどまる必要があります。コンテンツの高さが高い場合は、ページの一番下に留まるようにさらに下に移動する必要があります。$(window).height()の高さを取得するので、取得できませんcontent-iframe。これを行うのは非常にトリッキーで、ネストされたiframes.

サイズ変更のアイデアと適切な解決策が必要です。

   parentIframe
    contentIFrame
      mainDiv
        Header 
        Content
        Footer

編集：

わかりました、解決策を見つけました。それが正しいかどうかはわかりませんが、完全に機能します。私はparentIframeの親divを持っていたので、ロード時に を取得し、 の$(window).height()最小高さとして設定しましたparentDiv。私のresizeIFrames方法では、parentDiv'smin-height を と min-heightparentIframeにcontentIFrame設定するmainDiv'sと、すべて正常に動作します。

4

1 に答える 1