ios - son - Impedir que Mobile Safari presente la barra de herramientas cuando se toca la parte inferior de la ventana gráfica
donde esta el menu de safari en ipad (4)
La solución simple aquí es agregar unos 50px de relleno en la parte inferior de su div más inferior. Safari parece pensar que estás intentando acceder a la barra de navegación inferior, a menos que hagas clic muy arriba del área inferior. Con un relleno adicional en la parte inferior, el usuario hará clic mucho más arriba en la página (no siempre, pero en general).
Tenemos una aplicación móvil simple que se ejecuta en Mobile Safari (MS) en iOS. Cuando el usuario se desplaza hacia abajo en la página n píxeles, un botón "superior" se desliza hacia arriba desde la parte inferior. El botón superior es posición fija. El problema es que cuando comienza a desplazarse en MS, la IU de navegación y la barra de herramientas está oculta. Cuando toca el botón "arriba", se muestra la barra de herramientas inferior y se requiere un segundo toque para tocar el botón "arriba". ¿Hay alguna manera de deshabilitar el comportamiento predeterminado de "toque en la parte inferior de la ventana gráfica para revelar la barra de herramientas" para que nuestro botón superior funcione como se esperaba (es decir, salta a la parte superior de la página con un clic, no con dos?
Mika y Typeoneerror son correctos, pero hay una solución.
La mejor solución de solución que encontré (que no requiere minimal-ui ) es forzar la navegación de fondo de iOS Safari para que permanezca siempre abierto / visible. De esa manera, los clics en la parte inferior de la ventana nunca abren la navegación inferior ya que siempre está abierta.
Para hacerlo, solo tiene que aplicar algunos CSS y la orientación del navegador con JS. Pasos detallados sobre cómo:
No no hay. Puede controlar el contenido de su página web pero no el comportamiento de la aplicación safari.
Para iOS 7.1, puede configurar esto en su encabezado para minimizar la interfaz de usuario:
<meta name="viewport" content="width=device-width, minimal-ui">
Se introdujo en iOS 7.1 beta 2. Este sitio fue fundamental para ayudarme a comprender cómo funciona la interfaz de usuario mínima: http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs