1. ホーム
  2. javascript

[解決済み] スクロールバーを使わずに、iframeの高さをコンテンツに合わせて自動的に調整する?重複

2022-03-17 04:27:48

質問

例えば

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

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

どのように解決するのですか?

これを <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)" />

にあるように サイトポイントディスカッション .