0

ページにDOMが含まれている場合、コンテンツに基づくiframeの自動高さはサイズ変更されません

<script language="javascript" type="text/javascript">
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }
</script>

<iframe src="http://site.com/page.php" frameborder="0" width="995" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" onload="javascript:resizeIframe(this);"></iframe>

そして、この問題が見つかるまで完全に機能します

iframe サイト ページの 1 つに、より多くのテキストを表示および非表示にする DOM が含まれています

ここに画像の説明を入力

ユーザーがそれをクリックすると..より多くのテキストが表示されます..しかし、iframeのサイズは変更されず、ページ全体が表示されません

ここに画像の説明を入力

正しく動作するために必要です

誰でも助けてくれますか？

ありがとうございました

4

1 に答える 1

0

iFrame の DOM が変更されたことを検出し、IE フレームのサイズを再計算する必要があります。これを行う最善の方法は、MutationObserver を使用することです。ただし、これは IE10 以下では機能しないため、フォールバックを使用する必要があります。

このすべてを処理する私の小さなライブラリをチェックしてください。

https://github.com/davidjbradshaw/iframe-resizer

于 2014-02-02T20:23:59.323 に答える