slow exibição de lista rolando no iPad quando rolando em excesso: auto div
Estou desenvolvendo um aplicativo Phonegap para as principais plataformas OS e atualmente estou testando-o em um iPad com iOS 5. Estou usando o jquery mobile. Então, para telas grandes, usei o plugin móvel splitview jquery.http: //asyraf9.github.com/jquery-mobile
Eu coloquei um
$scrollArea.css('overflow-y','auto');
$scrollArea.css('-webkit-overflow-scrolling','touch');
para fazer a página rolar em vez de usar iscroll como o plugin estava usando. Agora, o que está acontecendo é que a página não está carregando / repintando enquanto o usuário rola. Eu tenho uma lista de 100 itens e eu os percorr
A rolagem em si não é lenta, mas leva quase um segundo para as novas linhas da exibição em lista aparecerem depois de roladas. Antes disso, é uma área em branco.
Ao observar, posso ver que os itens da lista não são exibidos até que a rolagem pare. (rolagem de momento)
Uma questão semelhante está aquihttp: //forum.jquery.com/topic/help-with-slow-list-view-scrolling-on-ipad-when-scrolling-in-an-overflow-auto-di
O que posso fazer para que isso funcione normalmente? A mesma coisa funciona bem nas guias do Android. pls ajuda.
EDITAR Se eu usar apenas
$scrollArea.css('overflow-y','auto');
então não enfrento esse problema de áreas em branco momentâneas após a rolagem, mas a rolagem é dolorosamente lent
Por favor, não sugira o uso do iScroll. Já tentei isso. é muito mais lento que o que recebo com -webkit-overflow-scrolling e não posso usá-l