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事件應該會觸發。