react嵌入iframe如何高度自适应呢？

Question

react嵌入iframe高度怎么自适应呢

Answer 1

父页面在不跨域的情况下可以获取iframe的document从而得到该子页面的高度。

Answer 2

在子页面内的获取parent 相关高度(仅一层iframe)

var parent = window.parent.document.documentElement;

var scrollHeight = parent.scrollHeight;
var scrollTop = parent.scrollTop;
var clientHeight = parent.clientHeight; // screen height

子页面获取子页面
var iframeHeight = document.documentElement.clientHeight;

Answer 3

请问问题解决了吗？我现在也在纠结这个。