如何检测用户浏览器的视觉高度？

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。