ResizeObserverとpostMessageを使ってクロスドメイン間でコンテンツの高さを同期する - ロカオプ技術ブログ
はじめに ロカオプの縣です。一番好きなJavaScriptの関数はpostMessageです！ ちょい前にiframeでの埋め込みでスクロールバーを出さずにピッタリの高さに中身とiframeの高さを同期が必要な要件がありました。 その際にResizeObserverとpostMessageを使ってうまく実装ができたので、その方法をご紹介します。 iframeの高さ調整問題とは？ iframeの高さ調整問題 ここでは便宜的に以下のように呼びます。 親ページ(https://parent.example.com/parent.html)：iframeを使って他のページを埋め込む側のページ 子ページ(https://child.example.com/child.html)：iframe内で表示されるページ 上記の場合、子ページの高さが可変の場合、iframeの高さを決め打ちで設定していると縦方
