Tengo el contenido de mi sitio web en una posición absoluta. div Eso llena toda la pantalla. El desplazamiento en esta div es normalmente torpe, ya que no es el desplazamiento nativo del impulso. ¿Solución? ¿Anexar? -webkit-overflow-scrolling: touch; a la div.
El desplazamiento momentáneo funciona ahora, pero cuando me desplazo hacia abajo en la página, div no se muestran los elementos. La consola no muestra errores, no hay ningún error en la página real, pero las publicaciones individuales (la div"s) no se muestran. Aquí hay un ejemplo:
¿Alguien puede confirmar esto en su iPad o sugerir una solución? Preferiría no usar algo similar a Scrollability. Podría ser que la versión beta de iOS6 esté causando esto, pero me gustaría estar tranquilo.
Puedes ver esto sitio en tu iPad
Y si alguien quiere que explique mis marcadores, con mucho gusto lo haré.
Respuestas
1 para la respuesta № 1Actualmente la clase .post CSS usa position: relative. Si eliminas esa línea, el problema desaparece. Aparentemente, los elementos de posición relativa están ocultos cuando no están dentro de la vista. No sé exactamente por qué el iPad hace esto o si es un error. En mi experiencia, los dispositivos iPad intentan ejecutarse de la manera más eficiente posible. Por ejemplo, si se desplazan las animaciones JS están congeladas. Quizás esta es una técnica para hacer que los iPads rindan páginas de manera más eficiente. Esperemos que eso ayude.
Este artículo tal vez estar relacionado y tener un trabajo alrededor de: CSS3 propiedad webkit-overflow-scrolling: toque ERROR
El uso de '-webkit-overflow-scrolling: touch' oculta el contenido mientras se desplaza / arrastra