Masquer la barre de navigation de Safari iPhone

J’ai récemment eu besoin de masquer la barre de navigation (la barre supérieure) de Safari pour une webapp. Problème: le seul code que j’ai trouvé ne fonctionne pas si la page n’est pas assez grande. Je vais donc vous montrer comment masquer cette barre dans toutes les situations dans vos pages web.

Commencez par cacher la barre d’URL avec ce script:

<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">

Ceci entre les balises <head> et </head>:

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

Puis ajoutez ceci dans votre CSS:

body{
    min-height:416px;
}

Et voilà, vous avez maintenant une jolie page web sans la barre de navigation!