Chrome Browser para Android ya no admite -webkit-overflow-scrolling? ¿Hay alguna alternativa?

Intente agregar z-index: 0 al elemento con overflow: scroll para crear un contexto de apilamiento que proporcione una sugerencia a Chrome para usar la ruta de código de desplazamiento rápido.

Fondo:

Actualmente estoy experimentando este problema después de actualizar a la última versión de Chrome para Android. Esto también se agravó para mí por el hecho de que debido a este cambio la prueba actual de Modernizr para esta característica ahora devuelve falso, por lo que mis estilos CSS no se estaban aplicando.

Cavando alrededor encontré otro problema que discute el soporte para desplazamiento de desbordamiento touch:

Tien-Ren observó al depurar 162363 que -webkit-overflow-touch es una propiedad heredada. Así que el comportamiento de establecer z-index: 0 en todos los elementos no ocultos con esa propiedad crea una cascada de contextos de apilamiento debajo de él. (Este comportamiento, detrás de ENABLE_ACCELERATED_OVERFLOW_SCROLLING, está activado actualmente sólo en Android). La solución obvia sería establecer z-index: 0 en sólo elementos "overflow: scroll".

Por lo tanto, parece que si tiene problemas con el desplazamiento no funciona como se espera, a continuación, agregar z-index: 0 al elemento con desbordamiento: desplazarse, entonces esto puede ayudar. Sin embargo, esto no funcionó para mí, aunque las secciones de desplazamiento funcionaron (después de haber modificado la prueba css-overflow-scrolling de Modernizr para devolver true para esta versión de Chrome) el efecto de momento de desplazamiento no estaba presente.

Desde esta URL = https://code.google.com/p/chromium/issues/detail?id=175670&q=overflow-scrolling&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS% Modificado

"No, creo que esto fue de hecho desencadenado por 172481. Eliminamos -webkit-overflow-scrolling con la esperanza de que ya no era necesario porque automáticamente opt-in a desplazamiento rápido cuando lo necesitamos. El problema es que no está sucediendo aquí.

Esos cambios del SP que usted mencionó probablemente no afectarán este problema porque no aparecerán en una cuenta del non-corp, la derecha? Creo que todo funciona bien con corp pero lo comprobaré. '

Una solución sucia que funcionó para mí (requerido Hammer js):

  Hammer($('body')[0]).on("dragup", function(ev) { window.scrollBy(0,ev.gesture.distance); }); Hammer($('body')[0]).on("dragdown", function(ev) { window.scrollBy(0,-ev.gesture.distance); }); 

Tuvimos problemas de desplazamiento con Chrome 40.0 … en Android (tablet y móvil) y nos fijamos con css solución única. Quizás no está limpio pero funciona para nosotros:

  @media screen and (max-width: 1024px) html, body { z-index: 0 !important; overflow: scroll !important; } }