javascript - 如何从CSS获取浏览器的高度

Question

我在我的 div 标签中使用滚动条功能。

我想将滚动条设置为我的浏览器高度。

我正在尝试获取这样的值。

JavaScript

<script>
var height = window.innerHeight;
</script>

CSS代码

    <style>
      .kryesore {
               overflow-y: scroll;
               overflow-y:auto;
               height:height-320px ;
            }
    </style>

here I have created JSFIDDLE code

我想在没有浏览器滚动条的情况下在页眉和页脚中显示表格。

滚动条应该只显示在我要求的表格中。

如果我得到浏览器窗口高度，我会将它减去 320。然后它会解决我的问题，浏览器窗口滚动条也不会显示，所以我想将 javascript 值获取到 css。

谁能告诉我正确的解决方案。

Answer 1

您只能通过 CSS 来完成。我不知道滚动条的 CSS 类是什么，因此我使用的是 scrollbar 类。

<style>
  .scrollbar {
           overflow-y: auto;
           height: calc(100vh - 320px);
        }
</style>

100vh 等于浏览器的高度，calc 函数可以动态计算这样的 CSS 值。