代码之家 › 专栏 › 技术社区 › eozzy

动态容器高度(仅限jquery)

element jquery

eozzy · 技术社区 · 16 年前

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

我发布了同样的问题,并得到了一个只有CSS的解决方案的很好的答案,它可以工作,但在IE6和IE7中仍然有问题,所以 如果可能的话,我想要一个仅jquery的解决方案 .

1 回复 | 直到 10 年前

SLaks 16 年前

你可以使用 resize event ,就像这样:(未测试)

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

推荐文章

Riposte · 从单元渲染器迁移Vaadin网格聚合物元素

7 年前

YusufUMS · 在python中拆分列表元素

7 年前

Pawel · PHP XMLWriter跳过空标记

7 年前

Piet · CSS/JS选择器-选择类不等于的最后一个元素

8 年前

Marcus Aurelio · 是否可以在加载HTML内容后替换HTML内容?

8 年前

aSmater.Me · 如何从html字符串中选择web组件标记

8 年前

AlexD · 使用XSLT从XML行忽略特定元素并将其添加到XML行

8 年前

Roman Khegay · 元素(VueJS)|条件表呈现

8 年前

KellysOnTop23 · 从OnClicks target react获取嵌套元素

8 年前

Charles Jr · 如何从Dart中的类列表中检索属性?

8 年前