Question

我一直在努力 - 而且我已经不知道该怎么办了。

我试图让我的网站聊天用这个脚本填满整个页面

<script>
    $(document).ready(function() {
        function setHeight() {
            windowHeight = $(window).innerHeight();
            $('ul').css('min-height', windowHeight);
        };
        setHeight();
        $(window).resize(function() {
            setHeight();
        });
    });
</script>

我在聊天的ul标记中使用此脚本，它符合高度，因此脚本可以正常工作，但我正试图找出如何填充它大约95％的页面，所以我仍然有空间下面的内容。（发送信息，设置和表情。）

我在整个聊天中都有div标记，但在脚本中设置该标记并不会影响邮件列表。

我的斗争有什么想法吗？

Answer 1

不要打扰js / jquery，使用css，这样的纯css：

div {
    position: fixed!important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

Answer 2

<div id="container">
...
</div>
<script>
  var container=document.getElementById('container');
  var h=document.documentElement.clientHeight;
  container.style.height=h+'px';
</script>

JavaScript自动重新调整大小

2 个答案: