Javascript Phonegap 3.0-Android:本机滚动条不可见
我目前正在将一个非常大的PhoneGap应用程序上的滚动行为从第三方JavaScript滚动库转换为本机滚动。一切都进行得很顺利,除了Android版本上的本机滚动条从不显示滚动条 滚动行为正常工作,但不会显示滚动条来向用户提供有关屏幕上滚动位置的反馈 我怀疑这是某种配置或CSS问题,但我尝试过修改CSS和其他Android配置文件,如清单和活动文件,但没有效果 如何在PhoneGap Android上使用本机滚动启用可见滚动条Javascript Phonegap 3.0-Android:本机滚动条不可见,javascript,android,cordova,scroll,Javascript,Android,Cordova,Scroll,我目前正在将一个非常大的PhoneGap应用程序上的滚动行为从第三方JavaScript滚动库转换为本机滚动。一切都进行得很顺利,除了Android版本上的本机滚动条从不显示滚动条 滚动行为正常工作,但不会显示滚动条来向用户提供有关屏幕上滚动位置的反馈 我怀疑这是某种配置或CSS问题,但我尝试过修改CSS和其他Android配置文件,如清单和活动文件,但没有效果 如何在PhoneGap Android上使用本机滚动启用可见滚动条 注意:我对第三方滚动解决方案(如iScroll)不感兴趣。从iSc
注意:我对第三方滚动解决方案(如iScroll)不感兴趣。从iScroll的转换已经完成了90%,除了Android上的可见滚动条问题。我自己能够通过使用Webkit滚动条CSS实现这一点,该CSS只在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); }
如何为Windows应用添加滚动条,因为以下代码在Windows应用中不起作用(Phonegap)
android滚动条::-webkit滚动条{宽度:5px;}
.android滚动条::-webkit滚动条轨迹{边界半径:10px;}
.android滚动条::-webkit滚动条拇指{边框半径:10px;背景:rgb(169);}
.android滚动条::-webkit滚动条thumb:window inactive{background:rgb(128128);}
如何更改该滚动条的颜色?滚动条仅在完成滚动后更改位置。这正常吗?或者更好的办法是如何解决这个问题?@user2428759:我有一个可滚动的div,并且我添加了与这里答案相同的类。但这在iOS和NexusAndroid上运行,并显示滚动条。但三星Galaxy设备也不适用。知道吗?Windows不使用Webkit作为渲染引擎。因此,选择器将无法识别。顺便说一句:你的答案是一个问题,应该作为一个问题发布好的,我是新来的堆栈溢出,所以我不知道这些事情,你可以请点击向上的接口,这样我可以问问题。你通过点击向下的按钮来阻止我