Javascript 移动可查看区域的高度（地址栏和导航栏之间）

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

我需要能够获得我的网站的可查看部分的高度（即在两条之间的部分）。当酒吧收回或隐藏，我需要能够检测到新的高度

---

如何做到这一点？

如果使用jQuery，可以使用

 $(window).height()

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

 window.innerHeight

---

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

我尝试了几种方法。这是我的JSFIDLE：当地址栏显示/隐藏时，高度不会改变。它保持不变，这意味着它没有拾取地址栏/导航栏的高度。我已经在chrome浏览器上的Moto X中测试了这段代码。它起作用了。可能是android的较低版本有问题。您在测试哪些设备？三星Galaxy S5（最新版本），我将附加一些屏幕shots@Talon您在这里使用的浏览器是什么。Chrome和默认浏览器可能会产生不同的结果是的，我使用的是Android附带的默认“互联网”浏览器。我还没有机会进行测试，被推到另一个项目的一些bug修复上，所以这是最重要的。我将做一些浏览器比较，然后回到这个线程。