html - 如何让 IFRAME 捕捉到浏览器窗口高度，减去顶部和底部的恒定偏移量？

Question

我正在尝试构建一个页面，该页面由一个 IFRAME 组成，其顶部和底部两侧是状态栏，每个 40px 高。我正在使用 Twitter 引导程序的导航栏类来提供这些状态栏。

问题是我希望 IFRAME 自动调整其高度以占据整个浏览器窗口，顶部为负 40 像素，底部为 40 像素。

Answer 1

是的。在顶部和底部创建 40px 高的空 div，分别使用position:absolute top:0;和bottom:0，然后创建一个拉伸中间部分的 div。

您可能需要使用 jquery `$(window).height(); 获取浏览器窗口的高度。

希望你不反对一点JS

Answer 2

谢谢。那行得通。我这样做了：

 <script>
 $(function() {
   window.updateIframe = function() {
     var h = $(window).height();
     $("#iframe").height(h - 80);
   }
   window.updateIframe();
   window.resize(window.updateIframe);
 });
 </script>

Answer 3

最后一行应该是：

window.resizeTo(window.updateIframe);