Android 浏览器 JavaScript 无法正确测量高度

Question

我正在使用 jQuery 脚本将元素放置在距屏幕底部给定距离的位置。 （是的，需要 JavaScript 才能在此页面上获得动态的预期行为。）

对于大多数浏览器来说，由下图底部的灰色条表示的元素，这段代码可以很好地放置元素：

var container = $('section.explore');
var winHeight = $(window).height();

container.css('margin-top', winHeight - container.height());

但是，在 Android 浏览器上，我得到了这种行为（注意底部的灰色条）：

为了让搜索栏与窗口底部有一定的距离，我必须向上滚动整个方式，以便地址栏可见，然后该栏正确定位。

有没有一种方法可以更好地测量窗口高度，这样用户就不必查看地址栏来查看元素的正确位置？

感谢您的宝贵时间。

Answer 1

尝试检查

中的准确值

window.innerHeight or window.outerHeight

还要检查窗口上的 resize 事件中的准确值。

$(window).bind('resize', function () {
   console.log(window.innerHeight);
   console.log(window.outerHeight);
});

我认为每次浏览器地址栏出现和消失时都会触发 resize 事件。