Detectar si la barra de direcciones se muestra en el navegador del iPhone

Question

Estoy tratando de detectar, de una manera segura e independiente del dispositivo, cuando se muestra la barra de direcciones en el navegador del iPhone. Esta es la barra de herramientas que se muestra en la parte superior para mostrar la URL. Se puede ocultar llamando:

window.scrollTo(0, 0) 

Lo que me gustaría hacer, es detectar cuando está siendo espectáculo (lo que reduce el espacio de visualización disponible) y establece un temporizador para ocultarlo de nuevo un segundo o así después. Es más frecuente que eso y será bastante molesto ya que los usuarios no podrán acceder a la barra de direcciones.

He intentado marcar window.pageYOffset, desafortunadamente, esto devuelve cero si alguna parte de la barra de direcciones está visible.

I no desea codificar todas las dimensiones en el iPhone y compararlas con el tamaño de la ventana actual. Es muy frágil

¿Alguien sabe una solución aquí?

Answer 1

La window.innerHeight propiedad es lo que estás buscando. Esta es la altura del contenido real en la pantalla. Es significativamente menor cuando la barra de herramientas en la parte superior es visible, porque hay menos espacio para el contenido. Hay un pequeño problema que no puedo entender en mi iPhone 4: window.innerHeight algunas veces devuelve 3 píxeles menos en ciertas posiciones de desplazamiento de la pantalla.

He creado un ejemplo para usted que hace más o menos lo que usted pidió, por lo menos debería empezar:

http://jsfiddle.net/rUSEb/show/light (probarlo en tu iPhone).