Phonegap 3.0 - Android: Rodzimy pasek przewijania niewidoczny

Question

Aktualnie konwertuję zachowanie przewijania w bardzo dużej aplikacji PhoneGap z biblioteki przewijania JavaScript strony trzeciej na natywny zwój. Wszystko poszło gładko, z tym że natywny zwój w wersji Android nigdy nie wyświetla paska przewijania.

Funkcja przewijania działa poprawnie, ale nie jest wyświetlany pasek przewijania, który przekazuje użytkownikowi informację o pozycji przewijania na ekranie.

Podejrzewam, że jest to jakiś problem z konfiguracją lub CSS, ale próbowałem zmodyfikować CSS i inne pliki konfiguracyjne Androida, takie jak pliki manifestu i działania, bezskutecznie.

Jak włączyć widoczny pasek przewijania za pomocą natywnego przewijania w PhoneGap Android?

Uwaga: Jestem nie jestem zainteresowany rozwiązaniem przewijania strony trzeciej (np. IScroll). Konwersja z iScroll jest już wykonana w 90%, z wyjątkiem widocznego problemu paska przewijania na Androidzie.

Answer 1

Osiągnąłem to samodzielnie, używając paska przewijania Webkit CSS, który jest stosowany tylko w systemie Android. I dodać klasę android-scroll-bar do strony na Androidzie używając

$('html').addClass('android-scroll-bar'); 

Oto niezbędne 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); } 

Answer 2

Jak mogę dodać pasek przewijania dla aplikacji Windows Ponieważ poniższy kod robi nie działa w aplikacji systemu 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); }