Javascript 溢出div的内容高度：自动_Javascript_Css

Javascript 溢出div的内容高度：自动

javascript css

Javascript 溢出div的内容高度：自动,javascript,css,Javascript,Css,使用javascript，如何在设置了高度和溢出的div中找到内容的高度：auto？您可以将内容包装到另一个div中，然后在此内部div上使用 <!DOCTYPE HTML> <html> <body> <div style="background-color:#EEEEEE; height:400px; overflow:auto; width:100%"> <div id="container">

使用javascript，如何在设置了高度和溢出的div中找到内容的高度：auto？

您可以将内容包装到另一个div中，然后在此内部div上使用


<!DOCTYPE HTML>
<html>
  <body>
    <div style="background-color:#EEEEEE; height:400px; overflow:auto; width:100%">
      <div id="container">
        <p>The quick brown fox jumps over the lazy dog</p>
        <p>The quick brown fox jumps over the lazy dog</p>
        ... snip ...
        <p>The quick brown fox jumps over the lazy dog</p>
        <p>The quick brown fox jumps over the lazy dog</p>
      </div>
    </div>
    <script>

setTimeout(function() {
    var container = document.getElementById("container");
    alert("Container height = " + container.offsetHeight);
}, 1000);

    </script>
  </body>
</html>


敏捷的棕色狐狸跳过了懒狗
敏捷的棕色狐狸跳过了懒狗
... 剪
敏捷的棕色狐狸跳过了懒狗
敏捷的棕色狐狸跳过了懒狗
setTimeout（函数（）{
var container=document.getElementById（“容器”）；
警报（“容器高度=”+容器。离视）；
}, 1000);
为什么您需要知道这样一个div的内部高度？要监听div内部的滚动位置，然后在用户到达某个滚动位置后在该div底部加载更多内容。（想想facebook状态提要）你可以尝试使用scrollHeight属性（非标准），或者简单地计算子体的高度。如果你想知道用户在看什么，并对它做出反应，可以使用scrollTop属性和scroll事件。知道真正的高度是无关紧要的，因为高度工作得很好。非常感谢。