如何檢測用戶瀏覽器的視覺高度？

Question

我想根據用戶顯示器可見部分的高度動態設置包裝div的最小高度。這怎麼能被發現？那麼我可以利用這個信息，做這樣的事情：

$('div.wrapper').css('min-height', 'MAGIC_AMOUNT_HEREpx'); 

Answer 1

嘗試使用

$(window).height(); 

Answer 2

首先要計算高度，還有的window.screen對象。有關詳細信息，請參見this。如果您只是在瀏覽器窗口中查找可見區域的大小，請嘗試window.innerHeight。

我認爲你可以使用jQuery，但是我只是使用普通的JavaScript，因爲在這種情況下，它就像乾淨，如果不乾淨。

編輯：

另要注意，有兩個jQuery函數：

• $(window).height()
• $(window).innerHeight()

我覺得這些都做同樣的事情，但沒有返回顯示器高度。我會用原生屬性，而不是：

• window.screen.availHeight - 獲取屏幕高度減去任務欄和其他東西
• window.screen.height - 獲取整個屏幕高度

最壞的情況下，window.screen.height === window.screen.availHeight。