エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ResizeObserverとpostMessageを使ってクロスドメイン間でコンテンツの高さを同期する - ロカオプ技術ブログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ResizeObserverとpostMessageを使ってクロスドメイン間でコンテンツの高さを同期する - ロカオプ技術ブログ
はじめに ロカオプの縣です。一番好きなJavaScriptの関数はpostMessageです! ちょい前にiframeでの埋め... はじめに ロカオプの縣です。一番好きなJavaScriptの関数はpostMessageです! ちょい前にiframeでの埋め込みでスクロールバーを出さずにピッタリの高さに中身とiframeの高さを同期が必要な要件がありました。 その際にResizeObserverとpostMessageを使ってうまく実装ができたので、その方法をご紹介します。 iframeの高さ調整問題とは? iframeの高さ調整問題 ここでは便宜的に以下のように呼びます。 親ページ(https://parent.example.com/parent.html):iframeを使って他のページを埋め込む側のページ 子ページ(https://child.example.com/child.html):iframe内で表示されるページ 上記の場合、子ページの高さが可変の場合、iframeの高さを決め打ちで設定していると縦方