Webkit Overflow ¿Desplazarse causando que no se muestren los div?

Question

Tengo el contenido de mi sitio web en una posición absoluta div que ocupa toda la pantalla. El desplazamiento en este div es normalmente torpe, ya que no es el impulso de desplazamiento nativo. ¿Solución? Adjunte -webkit-overflow-scrolling: touch; a la div.

El desplazamiento Momentum funciona ahora, pero cuando me desplazo hacia abajo, los elementos div no se muestran. La consola no muestra errores, no pasa nada con la página real, pero las publicaciones individuales (div) no se muestran. He aquí un ejemplo:

¿Alguien puede confirmar esto en su iPad, o sugerir una solución? Prefiero no usar algo parecido a Scrollability. Puede ser que la versión beta de iOS6 esté causando esto, pero me gustaría que me tranquilicen.

de poder ver esta site en el IPAD

_{Y si alguien me quiere explicar mis marcadores, con mucho gusto hacerlo.}

Answer 1

Actualmente .post La clase CSS usa position: relative. Si elimina esa línea, el problema desaparece. Aparentemente, los elementos relativamente de posición están ocultos cuando no están dentro de la vista. No estoy seguro del por qué el iPad hace esto o si es un error. En mi experiencia, los dispositivos iPad intentan funcionar de la manera más eficiente posible. Por ejemplo, si se desplazan las animaciones JS se congelan. Tal vez esta es una técnica para hacer que los iPads rindan páginas de manera más eficiente. Espero que eso ayude.

En este artículo tal vez estar relacionados y tienen un trabajo en torno a: CSS3 property webkit-overflow-scrolling:touch ERROR

Using '-webkit-overflow-scrolling: touch' hides content while scrolling/dragging