我目前正在将一个非常大的 PhoneGap 应用程序上的滚动行为从第三方 JavaScript 滚动库转换为 native 滚动。一切都很顺利,除了Android版本上的原生滚动从不显示滚动条。
滚动行为正常工作,但没有显示滚动条来向用户提供有关屏幕上滚动位置的反馈。
我怀疑这是某种配置或 CSS 问题,但我已尝试修改 CSS 和其他 Android 配置文件(例如 list 和 Activity 文件)无济于事。
如何在 PhoneGap Android 上使用 native 滚动启用可见滚动条?
注意:我不对第三方滚动解决方案(例如 iScroll)感兴趣。 iScroll 的转换已经完成 90%,但 Android 上的可见滚动条问题除外。
最佳答案
我能够通过使用仅适用于 Android 的 Webkit 滚动条 CSS 自行完成此操作。我使用
将 android-scroll-bar 类添加到 Android 上的页面$('html').addClass('android-scroll-bar');
这是必要的 CSS:
.android-scroll-bar ::-webkit-scrollbar {width: 5px;}
.android-scroll-bar ::-webkit-scrollbar-track { border-radius: 10px;}
.android-scroll-bar ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(169,169,169); }
.android-scroll-bar ::-webkit-scrollbar-thumb:window-inactive {background: rgb(128,128,128); }
关于javascript - Phonegap 3.0 - Android : Native Scrollbar Not Visible,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22866285/