Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
// Inside the iframe (child.html) window.addEventListener("load", () => { const height = document.body.scrollHeight; window.parent.postMessage({ iframeHeight: height }, "*"); }); // In the parent page window.addEventListener("message", (event) => { const iframe = document.querySelector("iframe"); if (event.data.iframeHeight) { iframe.style.height = event.data.iframeHeight + "px"; } });
Result
Open