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

[talks text=’

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

‘]
HTML

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

JavaScript

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