当前位置:  开发笔记 > 编程语言 > 正文

Phonegap 3.0 - Android:Native Scrollbar不可见

如何解决《Phonegap3.0-Android:NativeScrollbar不可见》经验,为你挑选了1个好方法。

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

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

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

如何在PhoneGap Android上使用本机滚动启用可见滚动条?

注意: 我对第三方滚动解决方案(例如iScroll)感兴趣.除了Android上可见的滚动条问题外,iScroll的转换已完成90%.



1> user2428759..:

我能够通过使用仅在Android上应用的Webkit滚动条CSS来完成此任务.我使用Android将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); }

推荐阅读
黄晓敏3023
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有