Phonegap 3.0 – Android: встроенная панель прокрутки не видима

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

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

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

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

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

Solutions Collecting From Web of "Phonegap 3.0 – Android: встроенная панель прокрутки не видима"

Я смог выполнить это самостоятельно, используя CSS-прокрутку Webkit, которая применяется только на Android. Я добавляю класс андроида-прокрутки на страницу на 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-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); }