Phonegap 3.0-Android: Родная Полоса Прокрутки Не Отображается

в настоящее время я преобразую поведение прокрутки в очень большом приложении PhoneGap из сторонней библиотеки прокрутки JavaScript в собственную прокрутку. Все прошло гладко, за исключением того, что родной прокрутки на Android версии не отображается полоса прокрутки.

поведение прокрутки работает правильно, но не отображается полоса прокрутки, чтобы дать отзыв пользователя о положении прокрутки на экране.

Я подозреваю, что это какая-то конфигурация или CSS проблема, но я попытался изменить CSS и другие файлы конфигурации Android, такие как файлы манифеста и активности, безрезультатно.

Как включить видимую полосу прокрутки с помощью собственного прокрутки на PhoneGap Android?

Примечание: Я не интересует стороннее решение для прокрутки (например, iScroll). Преобразование из iScroll уже 90% сделано, за исключением видимой проблемы полосы прокрутки на Android.

7
android cordova javascript scroll

2 ответов

я смог сделать это сам, используя webkit scrollbar 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); }
13

Как добавить полосу прокрутки для приложения Windows, потому что следующий код не работает в приложении Windows (Phonegap)

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