¿Cómo ocultar la barra de direcciones de un navegador móvil?
Safari y Chrome en dispositivos móviles incluyen una barra de direcciones visible cuando se carga una página. Como elbody de los desplazamientos de página, estos navegadores desplazarán la barra de direcciones fuera de la pantalla para dar más espacio al sitio web como se muestra en esta imagen:
Me encuentro con un pequeño problema con mi sitio al permitir esto. Estoy trabajando en un Pokedex que contiene una lista muy larga de todos los Pokémon. Sin embargo, con la forma en que configuré la página, no quiere desplazar la barra de direcciones fuera de la vista.
Mi html se ve así:
<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>
Si me desplazo hasta el final absoluto de la lista (es decir, 721 entradas), cualquier desplazamiento adicional moverá la barra de direcciones fuera de la parte superior de la pantalla. Si toco la barra de navegación y la arrastro hacia arriba, la barra de direcciones se mueve fuera de la pantalla. Ambas parecen formas poco intuitivas de hacer esto.
Me imagino que hay alguna forma de desplazar el cuerpo de la página usando JavaScript que lo ocultará perolo que he probado hasta ahora no funciona No hice ningún desplazamiento visible cuando hice eso.
¿Cómo puedo desplazar la página lo suficiente como para ocultar la barra de direcciones de un navegador móvil poco después de que se cargue la página?
EDITAR: cuanto más lo veo, más imposible parece hacerlo sin la interacción del usuario. Si requiero la interacción del usuario, ¿sería posible que el toque de un usuario en el centro de la pantalla primero intente desplazar el cuerpo antes de intentar desplazar el div con todas las entradas en él? Si esto funciona como estoy pensando, primero deslizaría la barra de direcciones antes de deslizarse por la lista. Es como el reverso del comportamiento predeterminado del navegador, por lo que puede no ser posible / fácil / confiable, pero estoy dispuesto a intentar ver si alguien tiene alguna idea.