0

iframe タグ:

  <iframe scrolling="no" style="height: 956px; width: 100%" frameborder="0" id="ampcontentiframe"></iframe>

コンテンツの読み込み時に iframe の高さを変更しようとしています。次の他の解決策を試しました。

リンク1

リンク2

リンク3

しかし、どれも私の問題を解決しませんでした.iframeのロードだけでなく、ウィンドウのロードでもサイズ変更関数を呼び出してみましたが、毎回設定する高さが異なります(実際のコンテンツの高さとiframeの元の高さの場合があります)。

助けてください。

参考までに、iframe から scrolling attr を削除してみましたが、うまくいきませんでした。

4

3 に答える 3

3

次のスクリプトで試すことができます。

<script type="text/javascript">
  function iframeLoaded() {
    var iFrameID = document.getElementById('your_frame_id');
    if(iFrameID) {            
        iFrameID.height = "";
        iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
   }   
}
</script>

のように iframe に onload 関数を追加します

<iframe onload="iframeLoaded()">
于 2013-03-18T07:33:16.183 に答える
1

iframeのスクロールバーが必要な場合は、これを試してください

<iframe style="height: 956px;overflow-y:scroll; width: 100%" frameborder="0" id="ampcontentiframe"></iframe>

「min-height」を入力し、「overflow-y」プロップをスクロールとして追加するだけで機能します

または、スクロールしたくない場合は、次のようにしてみてください

<iframe scrolling="no" style="min-height: 956px; width: 100%" frameborder="0" id="ampcontentiframe"></iframe>
于 2013-03-18T07:24:34.290 に答える