Rileva quando viene visualizzata la barra degli indirizzi di Chrome per iOS

Question

Ho impostato lo apple-mobile-web-app-capable su true nella sezione head della mia app Web. Tutto sommato, Chrome cerca di nascondere la barra degli indirizzi quando possibile per dare più spazio all'app Web.

Il problema è che la navigazione della mia app è in alto e va dietro la barra degli indirizzi durante quel periodo. Mi stavo chiedendo se c'è un modo in cui posso rilevare quando viene visualizzata la barra degli indirizzi e rilasciare la navigazione sotto la barra degli indirizzi.

Se rimuovo il meta tag apple-mobile-web-app-capable, viene visualizzata la barra degli indirizzi, ma la navigazione continua ancora dietro di esso. Per qualche motivo, Chrome imposta le dimensioni della finestra sulla dimensione dello schermo, ma trascina la barra degli indirizzi su di essa.

Qualcuno è a conoscenza di soluzioni?

Answer 1

C'è una soluzione attorno a questo in realtà; devi solo forzare la tua app a scorrere verso il basso di 1px (sufficiente a nascondere la barra degli indirizzi di Chrome):

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

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