Contenido

Ocultar la barra de navegación en Mobile Safari

17 Ago

+ 8

Si estamos desarrollando una aplicación para el iPhone, probablemente nos guste la idea de ocultar la barra de navegación, en muchas aplicaciones web diseñadas para estos dispositivos ya lo podemos ver, entre ellas el iMeneame.

Ocultándola, ganamos espacio de lectura inmediatamente después de acabar la carga de la página, lo que en ciertas aplicaciones, permite una o dos líneas más de contenido. La barra no desaparece, sino que hacemos que el scroll baje hasta ocultarla, de esa forma podemos disponer de ella para cuando la necesitemos simplemente dirigiéndonos a la parte superior de la página.

El javascript necesario

addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1);}

Como podemos ver, únicamente se trata de un función que nos coloca el scroll de la página en la posición indicada al ejecutarse el evento onload. Añadiendo esto a nuestro fichero JS tendremos la barra de navegación oculta. Más fácil imposible :D

gracias anieto! no conocia este truco :D ya lo he aplicado en http://tentacul.us/m

Muy útil. Muy útil, sí señor. Muchas gracias :-)

Pues yo no sé qué tan bueno sea utilizar código para afectar la interfaz del usuario. Me recuerda a las páginas que coloreaban el scroll en Internet Explorer o bien lo eliminan.

@Daniel: Hombre, es tan bueno como hacer un slide, o un acordeón. Modificas el interfaz de usuario con código javascript.

De esta manera lo único que haces es subir la pantalla hasta ocultar la barra de navegación.

No consigo hacerlo funcionar en mi proyecto. ¿Podrías indicarme donde exactamente debo colocar el código? Yo lo he colocado en la función load del main.js.
Gracias

@Iker Etxebarria: Pues así sin ver tu función load() ni tu fichero mail.js, se me ocurre que lo pongas en el <head /> con un <script />

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.


Cerrar
Enviar por Correo