Tornar a barra de rolagem visível no conteúdo iônico ao usar a rolagem nativa
estou usandooverflow-scroll = "true"
para fazer com que o iônico use a rolagem nativa:
<ion-content overflow-scroll = "true">
<ion-list>
<ion-item ng-repeat="foo in bar">
{{foo.label}}
</ion-item>
</ion-list>
</ion-content>
Isso realmente funciona muito bem (as performances são realmente boas). O único problema é que a barra de rolagem (vertical) desapareceu.
Conformedocumentação, Tentei adicionarscrollbar-y="true"
paraion-content
, mas isso não funcionou.
Eu também tentei adicionar isso ao meu 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;
}
... mas isso também não funcionou.
Este artigo (procure por "rolagem nativa") diz que o problema pode ser resolvido usando o css.
Alguém sabe como fazer isso?