このサイトには広告が含まれています

JavaScript|iframe内の高さをiframeタグ自体に設定するスクリプトを書いてみた

スクロールバー無しでiframeを表示させたいときなどに。lazyload(+lazysizes)との併用も可。

HTML

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

JavaScript

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

コメント欄

タイトルとURLをコピーしました