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 .
- ¿Google Chrome beta para la carga del archivo de soporte de Android con el atributo webkitdirectory?
- ¿Habilitar el registro interno en el emulador de Android WebKit?
- Escala del navegador de Android?
- Entrada de Android / iOS enfocada al tocar en el cuerpo de la página
- Cada navegador basado en WebKit bloquea sitios usando Omniture. ¿Por qué?
- WebKit / WebView toque / onclick resaltado por defecto (Android Ice Cream Sandwich)
- 3d css transform (translateZ) no funciona en android 4.0.3?
- ¿Incluyendo la versión webkit utilizada en el navegador Android?
- Desarrollo de sitios específicos para móviles. ¿Donde empezar?
- Android cómo oler el tamaño de la pantalla de navegador webkit?
- Navegador Android: Javascript window.innerWidth devuelve un valor incorrecto
- ¿Cómo puedo depurar javascript en Android?
- Cómo simular: css activa pseudo clase en android en elementos no-link?
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:
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.
- ¿Cómo mantener la compatibilidad hacia atrás mientras utiliza la API de Android Nivel 15?
- Envío de JSON en la solicitud POST con retrofit