iPhone - Ocultar barra de direcciones en la página Cargar

Question

Tengo una página web que debe cargarse en el iPhone de una persona. Cuando se carga la página, quiero ocultar el estado y la barra de direcciones que está en la parte superior. He visto otros sitios hacer esto. En un intento de lograr esto, he puesto el código siguiente en la sección de mi página web:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=yes;" /> 
<script type="text/javascript"> 
    function page_Load() { 
    setTimeout(function() { window.scrollTo(0, 1); }, 100); 
    } 
</script> 

La función "Load" se activa a través del proceso de carga del elemento del cuerpo de la página. Curiosamente, cuando se carga la página, la barra de estado/título está oculta, sin embargo, no la barra de direcciones.

¿Cómo oculto tanto la barra de estado/título como la barra de direcciones cuando se carga una página web?

¡Gracias!

Answer 1

Lo descubrí. Resulta que mi página necesitaba ser "más larga". Desde una perspectiva absoluta, el tamaño fue correcto, pero necesito agregar un par de píxeles en la parte inferior. Esto ocultó la barra de direcciones como deseó.

Gracias.

Answer 2

Para aquellos de ustedes usando jQuery aquí está una versión aún más simple:

$('body').scrollTop(1); 

Answer 3

Un método jQuery rápida y sucia ...

$(function() { 
    function orientationChange(e) { 
     $("body").scrollTop(1); 
    } 
    $("body").css({ height: "+=300" }).scrollTop(1); 
    $(window).bind("orientationchange", orientationChange); 
}); 

Esto también oculta la barra cuando una persona cambia su orientación (porque se vuelve visible de nuevo normalmente). Simplemente agregue esto en algún lugar de su página y automáticamente (independientemente de 100% alto/ancho/lo que sea) haga lo que busca. No he medido la altura exacta de la barra de direcciones, pero parece ser de alrededor de 70 px. Puse 300 allí solo para asegurarme de que funciona.

Answer 4

This page explica el estado más actualizado de "pantalla completa".