Android :: Webview elimina la barra de desplazamiento de un DIV

Hice una pequeña página web con una div desplazable. Cuando lo cargue en un navegador, funciona bien. Pero cuando lo carga en una vista web dentro de Android, no me permite desplazar la div. ¿Hay alguna solución para esto o tengo que usar un diseño diferente? Estoy hablando de sitios web como este .

Desafortunadamente, las div de desplazamiento no son compatibles con la mayoría de los navegadores Webkit móviles actuales. Una gran alternativa a la compatibilidad nativa es la biblioteca iScroll Javascript, que puede simular el desplazamiento real:

http://cubiq.org/iscroll

Copiar / pegar de la descripción del proyecto en esa página:

El desbordamiento: desplazamiento para webkit móvil. El proyecto se inició porque el webkit para iPhone no proporciona una forma nativa de desplazar el contenido dentro de una div fija (ancho / alto) div. Así que, básicamente, era imposible tener un encabezado / pie fijo y una zona central de desplazamiento. Hasta ahora.

La versión 3.3 y versiones posteriores soportan Android> = 1.5.

Puede utilizar pseudo elementos de webkit para personalizar el estilo de barra de desplazamiento.

Prueba esto:

::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -webkit-border-radius: 10px; border-radius: 10px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); } 

Actualización (ya que este es uno de los resultados de búsqueda n ° 1 en "webkit scrollbar android"):
overflow:scroll es compatible en Android como de Honeycomb creo. Seguramente v 3.2+ y plataforma cruzada también en iOS5 + y en el BlackBerry Playbook.
No lo probé con webview en particular, pero supongo que como es compatible con el navegador nativo debe ser compatible en webview también.

  • OnPageFinished no disparar correctamente al procesar la página web
  • Detectar la rotación del teléfono Android en el navegador con JavaScript
  • Android Web App: Posición: fijo roto?
  • -webkit-transform no funciona en la vista web de Android
  • Navegador Android: touchcancel está siendo disparado aunque touchmove tiene preventDefault
  • ¿Cómo mostrar la página web en mi aplicación?
  • Inyectar CSS a un sitio con webview en android
  • Una gran cantidad de NPE de DeviceMotionService suceder recientemente
  • Interceptar llamada de red desde Android Java / JNI
  • El navegador Droid causa estragos en mi sitio
  • Gotchas / errores en el desarrollo de WebKit en iOS o Android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.