Android::Webview supprime la barre de défilement pour un DIV

J'ai fait une petite page web avec une div scrollable. Lorsque je charge dans un navigateur, il fonctionne très bien. Mais quand je le charge dans une webview à l'intérieur d'Android, il ne me laisse pas faire défiler la div. Est-il une solution ou dois-je utiliser une conception différente? Je parle des sites web comme cette.

OriginalL'auteur Legend | 2010-05-23

  1. 13

    Unfortunely, div scrollable est juste ne sont pas pris en charge sur la plupart des mobiles, navigateurs Webkit. Une excellente alternative à la prise en charge native est la iScroll bibliothèque Javascript qui peut simuler de vrais défilement:

    http://cubiq.org/iscroll

    Copier/coller de la description du projet sur cette page:

    Le overflow:scroll pour mobile webkit. Le projet a commencé parce que webkit pour iPhone ne fournit pas de façon "native" pour faire défiler le contenu à l'intérieur d'une taille fixe (largeur/hauteur) div. Donc, fondamentalement, il a été impossible d'avoir un en-tête/pied de page et un défilement de la zone centrale. Jusqu'à aujourd'hui.

    La Version 3.3 et versions ultérieures prennent en charge Android >= 1.5.

    horizontale de défilement ne fonctionne pas et c'est uniquement pour le défilement vertical.

    OriginalL'auteur

  2. 1

    Vous pouvez utiliser des pseudo éléments de webkit pour personnaliser la barre de défilement de style.

    Essayez ceci:

    ::-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); 
}
    Fonctionne sur Android 5
    Merci pour votre confirmation
    Travaillé avec la Nexus, mais ne fonctionne pas avec le Samsung Galaxy. Une idée ?
    Avec les différentes versions de WebKit/Blink? Peut-être que la version est trop ancienne. @Mrunal
    Les deux appareils ont le même système d'exploitation Android OS - version du Nougat.

    OriginalL'auteur

  3. -2

    Mise à jour (comme c'est l'un des n°1 les résultats de la recherche sur "webkit barre de défilement android"):

    overflow:scroll est pris en charge dans Android, de Nid d'abeille, je crois. Sûrement 3.2 v+ et de la croix-plate-forme dans iOS5+ et sur le BlackBerry Playbook.

    Je n'ai pas tester avec webview, en particulier, mais je suppose que c'est pris en charge dans le navigateur natif, il doit être pris en charge dans webview trop.

    OriginalL'auteur