☰

スクロールバーを使用せずに、iframe をコンテンツに応じて自動的に高さを調整するには? [重複] 質問する

tag-icon • tag-icon javascript html iframe height scrollbar
スクロールバーを使用せずに、iframe をコンテンツに応じて自動的に高さを調整するには? [重複] 質問する

例えば：

<iframe name="Stack" src="http://stackoverflow.com/" width="740"
        frameborder="0" scrolling="no" id="iframe"> ...
</iframe>

スクロールを使わずに、中身に合わせて高さを調整できるようにしたいです。

ベストアンサー1

これをセクションに追加します<head>:

<script>
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
  }
</script>

iframe を次のように変更します。

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

見つかったものサイトポイントディスカッション。

おすすめ記事