我正在使用
overflow-scroll = "true"
使 Ionic 使用原生滚动: <ion-content overflow-scroll = "true">
<ion-list>
<ion-item ng-repeat="foo in bar">
{{foo.label}}
</ion-item>
</ion-list>
</ion-content>
这真的很好用(性能非常好)。唯一的问题是(垂直)滚动条消失了。
根据文档,我尝试在ion-content
中添加scrollbar-y="true"
,但这并没有起作用。
我还尝试将以下内容添加到我的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;
}
...但这也没用。
这篇文章(查找“native scrolling”)指出,可以使用CSS解决这个问题。
有人知道怎么做吗?