javascript - 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);
});

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