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事件并消失。