Wykryj, gdy pasek adresu Chrome na iOS pokazuje

Question

Ustawiłem wartość apple-mobile-web-app-capable na true w sekcji head mojej aplikacji internetowej. Wszystko dobrze, Chrome stara się ukryć pasek adresu, gdy jest to możliwe, aby zapewnić więcej miejsca w aplikacji internetowej.

Problem polega na tym, że nawigacja mojej aplikacji jest na górze i znajduje się za paskiem adresu w tym czasie. Zastanawiam się, czy istnieje sposób, który można wykryć, gdy pasek adresu jest wyświetlany i upuszczając nawigację poniżej paska adresu.

Po usunięciu metatagu apple-mobile-web-app-capable wyświetla się pasek adresu, ale nawigacja wciąż jest za nim. Z jakiegoś powodu Chrome ustawia wielkość okna na rozmiar ekranu, ale wyciąga pasek adresu na wierzchu.

Czy ktoś świadomy jakichkolwiek rozwiązań tego?

Answer 1

W rzeczywistości istnieje obejście tego problemu; musisz tylko zmusić swoją aplikację do przewinięcia o 1px (wystarczającą do ukrycia paska adresu Chrome):

setTimeout(function() { 
    // Already scrolled? 
    if(window.pageYOffset !== 0) return; 

    window.scrollTo(0, window.pageYOffset + 1); 
}, 1);