android - 使用 native 滚动时使滚动条在 ionic 内容中可见

Question

我正在使用 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>

这真的很棒(性能非常好)。唯一的问题是(垂直)滚动条消失了。

根据 documentation ，我尝试将 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;
}

...但这也不起作用。

This article (寻找“ native 滚动”)表示可以使用 css 解决该问题。

有人知道怎么做吗？

Answer 1

answer suggested by @Gerhard Carbó到目前为止，这是我找到的最接近解决方案的...它确实有点工作但是:

• 滚动条不会自动隐藏
• 动画非常生涩

所以我相信我现在会坚持不使用滚动条。

另请注意，这在 Android 上的 Google Chrome 上运行良好，因此希望它有一天会得到修复。但是为什么 webview 比 chrome 差那么多，我无法理解...