Phonegap 3.0 - Android:原生滚动条不可见 [英] Phonegap 3.0 - Android: Native Scrollbar Not Visible

问题描述

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

I am currently converting the scroll behavior on a very large PhoneGap application from a third party JavaScript scrolling library to native scroll. Everything has gone smoothly, except that the native scroll on the Android version never displays a scrollbar.

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

The scroll behavior works correctly, but no scrollbar is displayed to give the user feedback about the scroll position on a screen.

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

I suspect that this is some sort of configuration or CSS problem, but I have tried modifying CSS and other Android configuration files such as the manifest and activity files to no avail.

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

How do I enable a visible scrollbar using native scroll on PhoneGap Android?

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

Note: I am not interested in a third party scrolling solution (such as iScroll). The conversion from iScroll is already 90% done with the exception of the visible scrollbar problem on Android.

推荐答案

我能够通过使用仅适用于 Android 的 Webkit 滚动条 CSS 自己完成此任务.我使用

I was able to accomplish this myself by using Webkit scrollbar CSS that only gets applied on Android. I add the android-scroll-bar class to the page on Android by using

$('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); }

这篇关于Phonegap 3.0 - Android:原生滚动条不可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！