Estoy desarrollando una aplicación Phonegap para las principales plataformas de sistema operativo y actualmente la estoy probando en un iPad con iOS 5. Estoy usando jquery mobile. Entonces, para pantallas grandes, he usado el plugin móvil splitview jquery. @http: //asyraf9.github.com/jquery-mobile
He puesto un

$scrollArea.css('overflow-y','auto');        
$scrollArea.css('-webkit-overflow-scrolling','touch');

para hacer que la página se desplace en lugar de usar iscroll como estaba usando el complemento. Ahora, lo que está sucediendo es que la página no se carga / repinta a medida que el usuario se desplaza. Tengo una lista de 100 elementos y me desplazo por ellos.

El desplazamiento en sí no es lento, pero las nuevas filas de la vista de lista tardan casi un segundo en aparecer después de que se ha desplazado. Antes de eso es un área en blanco.

Observando, puedo ver que los elementos de la lista no aparecen hasta que el desplazamiento se ha detenido. (desplazamiento de impulso)

Un problema similar está aquíhttp: //forum.jquery.com/topic/help-with-slow-list-view-scrolling-on-ipad-when-scrolling-in-an-overflow-auto-di

¿Qué puedo hacer para que esto funcione normalmente? Lo mismo funciona bien en las pestañas de Android. pls ayuda.

EDITAR Si uso solo

 $scrollArea.css('overflow-y','auto');        

entonces no enfrento este problema de áreas vacías momentáneas después del desplazamiento, pero luego el desplazamiento es dolorosamente lento.

Por favor, no sugiera usar iScroll. Ya lo intenté. es mucho más lento que lo que obtengo con -webkit-overflow-scrolling, y no puedo usarlo.