Question

我目前正在将一个非常大的PhoneGap应用程序上的滚动行为从第三方JavaScript滚动库转换为本机滚动。一切都很顺利，除了Android版本上的原生滚动从不显示滚动条。

滚动行为正常工作，但没有显示滚动条以向用户提供有关屏幕上滚动位置的反馈。

我怀疑这是某种配置或CSS问题，但我尝试修改CSS和其他Android配置文件（例如清单和活动文件）无济于事。

如何在PhoneGap Android上使用原生滚动启用可见滚动条？

注意：我不对第三方滚动解决方案感兴趣（例如iScroll）。除了Android上可见的滚动条问题外，iScroll的转换已完成90％。

Answer 1

我能够通过使用仅在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); }

Answer 2

如何为Windows应用添加滚动条，因为以下代码在Windows应用中无效（Phonegap）

＆＃13;

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); }

＆＃13;

Phonegap 3.0 - Android：Native Scrollbar不可见

2 个答案: