android - Chrome 手机 : URL bar causes trouble with footer

Question

我目前在使用 Chrome 移动版 71 时遇到了问题。

问题出在后面，地址栏。我尝试使用:

<script>
   alert($(window).innherHeight())
   alert($(window).outerHeight())
   alert($(window).height())
</script>

它们都返回相同的高度，但是，由于地址栏的原因，它们不应该返回。那么，问题是什么？什么时候，我尝试在网页中放置页脚(通过使用绝对位置和底部:0)，页脚在我手机的 firefox 中正确显示，在我的笔记本电脑的 chrome 手机中正确显示(因为没有地址栏) .但是，在我的 android 的 chrome 应用程序中，页脚直到我到达页面末尾才会出现。

我尝试了一些解决方法:

window.addEventListener("load",function() {
    setTimeout(function(){
            // This hides the address bar:
            window.scrollTo(0, 1);

    }, 0);
});

以及我在其他答案中找到的类似内容。但是，它们要么不起作用，要么即使起作用，也会使网页在地址栏消失时看起来很糟糕(因为用户到达了页面末尾或类似情况)。

有人能帮忙吗？

谢谢

Answer 1

好吧，这不是最好的答案，但坦率地说，这是对我来说效果更好的答案:

if(navigator.userAgent.indexOf("Chrome") != -1 && navigator.userAgent.indexOf("Mobile") != -1){
    $('body').css("max-height", $(window).outerHeight());
    $('body').css("min-height", $(window).outerHeight());
    $( window ).resize(function(e) {
      $('body').css("max-height", $(window).outerHeight());
      $('body').css("min-height", $(window).outerHeight());
  });
}