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

动态容器高度(仅限jquery)

  •  1
  • eozzy  · 技术社区  · 16 年前

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

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

    1 回复  |  直到 10 年前
        1
  •  4
  •   SLaks    16 年前

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

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