Parece que aplicar una propiedad webkit-transform en un elemento o su padre que tiene webkit-over-flowing-scrolling: touch rompe por completo el desplazamiento porque el desplazamiento no funciona en absoluto.webkit overflow scrolling touch entra en conflicto con webkit transform
¿Alguien ha experimentado este error y conoce una solución?
Mi solución actual (hacky) tiene el siguiente aspecto:
$container.one 'webkitAnimationEnd', ->
$container.find('.contents').remove()
$container.append('.contents')
Básicamente estoy quitando y volver a agregar el contenido del div desplazable después de que termine la animación. Con suerte, alguien tiene una mejor solución para esto.
Estoy teniendo exactamente el mismo problema, y solo desaparece si abandono -webkit-transform y cambio al posicionamiento absoluto.
Esto estaría bien, excepto que el posicionamiento absoluto conduce a un rendimiento pésimo y animación entrecortada en iOS, que en iOS 6+ no puede remediarse con los populares translateZ y translate3D hacks de aceleración de hardware forzados.
me di cuenta de un truco, pero es tan horrible y realmente feo que puede que no desee seguir leyendo:
Tome el elemento queremos aplicar -webkit-overflow-scrolling:touch a y separarlo completamente del elemento somos aplicando -webkit-transform a. Utilice la manipulación z-index para hacer que el elemento de desplazamiento aparezca en el mismo lugar que originalmente, mientras conserva -webkit-transform para hacer que el contenedor original (ahora un contenedor vacío) se coloque de forma natural. En mi caso, este truco se queda corto, porque el contenido desplazable aparecerá de repente sobre el contenedor animado, en lugar de deslizarse junto con él.