iframe内の高さをiframeタグ自体に設定する【JavaScript】

例えばiframeで表示させている部分をスクロールバー無しで表示させたいときなどに。lazysizesとの併用もOK。

<iframe src="path/to/file" loading="lazy" id="write-your-id"></iframe>

const iFrame = document.querySelector('#write-your-id');
iFrame.addEventListener('load', function() {
  iFrame.style.height = iFrame.contentWindow.document.body.scrollHeight + 'px';
});

この記事はお役に立てましたか？

はい

いいえ

ヤフーに戻ります