如何從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值。

Answer 2

你不能通過CSS引用JS變量，但你可以用JS來改變CSS。

嘗試：

JS

document.querySelector('.kryesore').style.height = height;