ResizeObserver で iframe の高さを自動調整 (2023年) - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/irxground

1user がブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

ResizeObserver で iframe の高さを自動調整 (2023年) - Qiita

<!doctype html> <html> <body> <iframe src="inner.html" id="myframe"></iframe> <script> const ifra... <!doctype html> <html> <body> <iframe src="inner.html" id="myframe"></iframe> <script> const iframe = document.getElementById('myframe'); const resize = () => { iframe.style.height = iframe.contentDocument.documentElement.offsetHeight + 'px'; } const observer = new ResizeObserver(resize); iframe.addEventListener('load', () => { // 手元で試したときはobserveを開始したタイミングでcallbackが呼ばれたが、 // そうでない場合はここで `resize()

ブックマークしたユーザー

igz02024/11/01

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx