Сделать полосу прокрутки видимой в ионном содержимом при использовании собственной прокрутки
я используюoverflow-scroll = "true"
Для ионной работы используйте родную прокрутку:
<ion-content overflow-scroll = "true">
<ion-list>
<ion-item ng-repeat="foo in bar">
{{foo.label}}
</ion-item>
</ion-list>
</ion-content>
Это действительно прекрасно работает (выступления действительно хороши). Единственная проблема заключается в том, что (вертикальная) полоса прокрутки исчезла.
В соответствии сдокументацияЯ попробовал добавитьscrollbar-y="true"
вion-content
, но это не сработало.
Я также попытался добавить это к моей 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;
}
... но это тоже не сработало.
Эта статья (ищите "собственную прокрутку") говорит, что проблему можно решить с помощью css.
Кто-нибудь знает, как это сделать?