Chrome Mobile: строка URL вызывает проблемы с нижним колонтитулом

Question

В настоящее время у меня проблема с Chrome Mobile версии 71.

Проблема в следующем, адресная строка. Я пытался использовать:

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

и все они возвращают одинаковую высоту, однако, из-за адресной строки, они не должны. Так в чем проблема? Когда я пытаюсь поместить нижний колонтитул на веб-странице (используя абсолютное положение и нижний: 0), нижний колонтитул правильно отображается в Firefox на моем телефоне и в Chrome Mobile на моем ноутбуке (потому что нет адресной строки) , Тем не менее, в приложении Chrome на моем Android нижний колонтитул не появляется, пока я не достигну конца страницы.

Я попробовал немного поработать:

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