android - Make scrollbar visible in ionic content when using native scroll -
i using overflow-scroll = "true"
make ionic use native scrolling :
<ion-content overflow-scroll = "true"> <ion-list> <ion-item ng-repeat="foo in bar"> {{foo.label}} </ion-item> </ion-list> </ion-content>
this works great (performances good). problem (vertical) scrollbar disappeared.
as per documentation, tried adding scrollbar-y="true"
ion-content
, didn't work.
i tried adding 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; }
... didn't work either.
this article (look "native scrolling") says problem can solved using css, though.
does know how ?
the answer suggested @gerhard carbó closest i've found solution far... kind of work :
- the scrollbar doesn't autohide
- animation jerky
so believe i'll stick no scrollbar now.
also please note works fine on google chrome on android, it's going fixed someday. why webview behind chrome, fail understand...
Comments
Post a Comment