Wie verstecke ich die Adressleiste eines mobilen Browsers?
Safari und Chrome auf Mobilgeräten enthalten beide eine sichtbare Adressleiste, wenn eine Seite geladen wird. Als diebody der Seite scrollt, diese Browser scrollen die Adressleiste außerhalb des Bildschirms, um der Website mehr Platz zu geben, wie in diesem Bild gezeigt:
Ich habe ein Problem damit, dass meine Website dies zulässt. Ich arbeite an einem Pokedex, der eine sehr lange Liste aller Pokémon enthält. Mit der Art und Weise, wie ich die Seite eingerichtet habe, soll die Adressleiste jedoch nicht ausgeblendet werden.
Mein HTML sieht so aus:
<body>
<app> <!-- My Angular2 tag for the app, no special styles for this -->
<nav>...</nav> <!-- The red nav bar and hamburger menu, default bootstrap -->
<div class="fluid-container">...</div> <!-- The container for all pokemon entries -->
</app>
</body>
Wenn ich zum absoluten Ende der Liste scrolle (das sind 721 Einträge), verschiebt ein weiterer Bildlauf die Adressleiste vom oberen Bildschirmrand. Wenn ich die Navigationsleiste berühre und nach oben ziehe, verschiebt sich die Adressleiste vom Bildschirm. Beides scheint nicht intuitiv zu sein.
Ich stelle mir vor, es gibt eine Möglichkeit, den Text der Seite mit Javascript zu scrollen, durch die er ausgeblendet wird, aberwas ich bisher ausprobiert habe funktioniert nicht. Als ich das tat, fand kein sichtbares Scrollen statt.
Wie kann ich die Seite so weit scrollen, dass die Adressleiste eines mobilen Browsers kurz nach dem Laden der Seite ausgeblendet wird?
EDIT: Je mehr ich mir das anschaue, desto unmöglicher scheint es ohne Benutzerinteraktion zu sein. Wenn ich eine Benutzerinteraktion benötige, kann ein Benutzer durch Berühren in der Mitte des Bildschirms zuerst versuchen, einen Bildlauf durch den Text durchzuführen, bevor er versucht, das Div mit allen Einträgen darin zu scrollen? Wenn dies so funktioniert, wie ich es mir vorstelle, würde es zuerst die Adressleiste aus dem Weg schieben, bevor es durch die Liste gleitet. Es ist eine Art Umkehrung des Standard-Browserverhaltens, so dass es möglicherweise nicht möglich / einfach / zuverlässig ist, aber ich bin bereit zu versuchen, herauszufinden, ob jemand irgendwelche Ideen hat.