移动端可视区域的高度（地址栏和导航栏之间）答案

【问题标题】：Height of Mobile view-able area (between address bar and navigation bar)移动端可视区域的高度（地址栏和导航栏之间）
【发布时间】：2014-11-10 15:25:14
【问题描述】：

在我的手机（Android 默认浏览器）上查看网页时，顶部有一个地址栏，底部有一个导航栏。如果我开始向下滚动，这些条就会消失，但在我向上滚动到顶部的那一刻就会出现。其他浏览器也有类似的操作，每个栏都有自己的大小和行为。

我需要能够获得我网站的可查看部分的高度（即，在两个栏之间的部分）。当栏杆缩回或隐藏时，我需要能够检测到新的高度。

如何做到这一点？

【问题讨论】：

【解决方案1】：

如果您使用的是 jQuery，您可以使用

获取可视部分的高度

 $(window).height()

如果您使用的是 javascript，则可以通过以下代码获取高度

 window.innerHeight

我已经用设备 Moto X 测试了这段代码。

【讨论】：

我尝试了几种方法。这是我的 JSFiddle：jsfiddle.net/fqu3g45g 地址栏显示/隐藏时高度不会改变。它保持不变，这意味着它没有拾取地址栏/导航栏的高度。
我已经在 chrome 浏览器的 Moto X 中测试了这段代码。有用。可能是较低版本的android有一些问题。您在哪些设备上测试？
三星Galaxy S5（最新版），我会附上一些截图
@Talon 您在这里使用的是哪个浏览器。 Chrome 和默认浏览器可能会给出不同的结果
是的，我使用的是 Android 自带的默认“互联网”浏览器。我还没有机会测试，被推到另一个项目的一些错误修复上，所以优先考虑。我会做一些浏览器比较，然后回到这个帖子。