Sembra applicare una proprietà webkit-transform su un elemento o il suo genitore che ha webkit-over-flowing-scrolling: touch interrompe completamente lo scorrimento in quanto lo scorrimento non funziona affatto.webkit overflow scroll in conflitto con il trasformatore webkit
Qualcuno ha riscontrato questo bug e conosce una soluzione?
Il mio attuale soluzione (hacky) si presenta così:
$container.one 'webkitAnimationEnd', ->
$container.find('.contents').remove()
$container.append('.contents')
fondo io sto rimuovendo e poi ri-aggiungendo il contenuto del div scorrevole dopo la fine dell'animazione. Spero che qualcuno abbia una soluzione migliore per questo.
Sto avendo lo stesso identico problema, e va via solo se muoio -webkit-transform e passa al posizionamento assoluto.
Questo sarebbe bene, tranne che il posizionamento assoluto porta a prestazioni scadente e animazione mosso su iOS, che in iOS 6+ non rimediabile w/i precedentemente richiesti translateZ e translate3D hack accelerazione hardware forzate.
ho capito un hack, ma è così orrendo e in realtà brutto che non si potrebbe desiderare di leggere oltre:
Prendere l'elemento vogliamo applicare -webkit-overflow-scrolling:touch da e per separare completamente dall'elemento siamo applicare -webkit-transform a. Utilizzare la manipolazione z-index per far sì che l'elemento di scorrimento appaia nello stesso punto in cui sarebbe originariamente, mantenendo allo stesso tempo -webkit-transform il contenitore originale (ora un contenitore vuoto) da animare in posizione naturale. Nel mio caso questo hack corta, però, perché il contenuto scorrevole apparirà improvvisamente in cima al contenitore animato, invece di scivolare dentro insieme ad esso.