动态设置DIV的高度

一尘不染

动态设置DIV的高度

css

在Web应用程序中，我的页面包含一个DIV，该DIV的自动宽度取决于浏览器窗口的宽度。

我需要该对象的自动高度。DIV从顶部屏幕开始约300像素，其高度应使其延伸到浏览器屏幕的底部。我有一个容器DIV的最大高度，所以div的最小高度必须是最小。我相信我可以将其限制在CSS中，并使用Javascript处理DIV的大小。

我的JavaScript不够理想。我可以编写一个简单的脚本来为我做到这一点吗？

编辑：DIV包含一个控件，该控件执行自己的溢出处理（实现自己的滚动条）。

阅读 2258

2020-05-16

共1个答案

一尘不染

尝试以下简单的特定功能：

function resizeElementHeight(element) {
  var height = 0;
  var body = window.document.body;
  if (window.innerHeight) {
      height = window.innerHeight;
  } else if (body.parentElement.clientHeight) {
      height = body.parentElement.clientHeight;
  } else if (body && body.clientHeight) {
      height = body.clientHeight;
  }
  element.style.height = ((height - element.offsetTop) + "px");
}

它不取决于当前距指定的主体顶部的距离（以防300px变化）。

编辑：顺便说一句，您希望每次用户更改浏览器大小时在该div上调用此函数，因此，您当然需要为此连接事件处理程序。

2020-05-16