Question

有人知道为什么以下代码无效吗？我需要一个固定宽度div的动态高度，它可以下降到视口以下。

 <script type="text/javascript">
function findheight(){  
  var div = document.getElementById('bg');
  var height = document.scrollHeight;
  div.style.height = height + 'px';
}

  </script>     
</head>

<body onload="findheight()">
    <div id="bg">

如果没有，还有另一种解决方法吗？任何帮助表示赞赏。感谢

Answer 1

您可以使用javascript实现此目的，您必须使用'offsetHeight'方法。

function getHeight() {
    var height = document.getElementById('test').offsetHeight;
    alert(height);
}

以下是fiddle示例您可以找到详细信息here

Answer 2

这不起作用的原因是因为div.style.height是因此执行parseFloat会返回NaN

document.getElementById('bg').offsetHeight然后这应该有用。

或试试

function bodyHeight() { var scnHei; if (self.innerHeight) // all except Explorer { scnHei = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) // Explorer 6 Strict Mode { scnHei = document.documentElement.clientHeight; } else if (document.body) // other Explorers { scnHei = document.body.clientHeight; } document.getElementById("bgr_right").style.height=scnHei + "px"; document.getElementById("bgr_left").style.height=scnHei + "px"; }

在你的身体onload=bodyHeight();

Answer 3

这是我解决这类问题的方法。希望这对你也有用..

how to scale divs when i minimize browser so that divs dont collapse over each other

使用jquery中的$(document).height()来获取文档高度

坚持使用简单的Javascript函数来查找高度

3 个答案: