Hacer visible la barra de desplazamiento en el contenido iónico cuando se utiliza desplazamiento nativo
estoy usandooverflow-scroll = "true"
para hacer uso iónico desplazamiento nativo:
<ion-content overflow-scroll = "true">
<ion-list>
<ion-item ng-repeat="foo in bar">
{{foo.label}}
</ion-item>
</ion-list>
</ion-content>
Esto realmente funciona muy bien (las actuaciones son realmente buenas). El único problema es que la barra de desplazamiento (vertical) desapareció.
Según eldocumentaciónIntenté agregarscrollbar-y="true"
aion-content
Pero eso no funcionó.
También intenté agregar esto a mi css:
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 11px;
}
::-webkit-scrollbar:horizontal {
height: 11px;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white;
background-color: rgba(0, 0, 0, .5);
}
::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 8px;
}
... pero eso tampoco funcionó.
Este artículo (busque "desplazamiento nativo") dice que el problema puede resolverse usando CSS.
Alguien sabe cómo hacerlo ?