iFrame 内的动态高度和固定元素

Question

我正在尝试设置“面板”的高度，以便它填充设备的整个宽度和高度。以前这没问题，但现在网站是通过 iFrame 运行的，高度是 MASSIVE。

我正在使用此代码：

var windowHeight = $(window).height();
$('.panel-adjust').height(windowHeight);

因为它在 iFrame 内部，所以它似乎由于 iFrame 产生了很大的高度（可能是所有面板的高度）

我该如何解决这个问题，以便获得实际的视口高度，而不是 iFrame 的高度？请记住，这需要是动态的。 iFrame 在另一个网站上，所以我没有太多的灵活性。

我也在尝试将一个元素定位到视口/窗口的底部。通常这样做是有效的：

position:fixed;
bottom: 0;
left: 0;

但现在它在 iFrame 内，固定元素在网站的最底部（不是窗口）

有什么想法吗？

Answer 1

在父页面（使用 iFrame）上获取视口的高度和宽度，然后将其传递给 iFrame 并收集它对我有用。就像@passionateCoder 所说的那样。