Estoy creando un sitio que incorpora un banner de paralaje usando un banner de página de estilo de paralaje CSS puro usando un método de Keith Clark ( Pure CSS Parallax Websites ). Esta es una imagen de cómo está configurado en mi sitio:
Sin embargo, para que este método funcione, el cuerpo permanece fijo mientras la envoltura se desplaza. En general, esto funciona y no he encontrado ningún problema de accesibilidad en los navegadores de escritorio, pero he descubierto que este método puede causar algunos problemas en Safari en iOS. La principal es que debido a que solo se desplaza el envoltorio y no el cuerpo, la barra de herramientas de safari no se oculta automáticamente y, en cambio, se fija todo el tiempo. También significa que Safari no muestra la barra de desplazamiento de la página correctamente y otro efecto secundario menor de esto es que el usuario no puede hacer clic en la barra de estado para volver a la parte superior de la página.
¿Alguien sabe de una solución alternativa que podría ayudar a prevenir algunos de estos problemas, incluso solo ocultando la barra de herramientas de Safari? Estoy abierto a rediseñar el efecto de paralaje si hay mejores formas de lograr el efecto.