jquery - 动态容器高度(仅限 jQuery)

Question

我有一个固定高度(180px)的页眉和固定高度的页脚(50px)。我希望容器高度为:窗口高度减去页眉减去页脚。如果可以在调整窗口大小时更新容器高度，那就太棒了!

我发布了同样的问题，并通过仅 CSS 的解决方案得到了很好的答案，它可以工作，但在 IE6 和 7 中仍然存在问题，因此如果可能的话，我想要一个仅 jquery 的解决方案。

Answer 1

您可以使用resize event ，像这样:(未经测试)

var expandingDiv = $('...');
$(window).resize(function(e) {
    expandingDiv.height(document.documentElement.clientHeight - (180 + 50));
});