2016-12-14 2 views
0

Hallo, ich versuche, die Bildlaufleiste in einer App phonegap erscheinen zu lassen, aber es wird einfach nicht angezeigt. Ich habe alle Threads gelesen, die es gibt.Phonegap Scrollbar

Legen Sie diese im CSS-Stylesheet fest. Ich habe schon auf dem Thread gelesen, dass Sie sie nicht einstellen können? Vielen Dank für Ihre Zeit

scrollbar { 
    -webkit-appearance: none; 
    width: 10px !important; 
} 

::-webkit-scrollbar { 
    width: 10px !important; 

} 
scrollbar:vertical { 
    width: 5px !important; 
} 
::-webkit-scrollbar:vertical { 
    width: 5px !important; 
} 
scrollbar:horizontal { 
    height: 2px !important; 
} 
::-webkit-scrollbar:horizontal { 
    height: 2px !important; 
} 

scrollbar-thumb { 
    background-color:#42c0fb !important; 
    border-radius: 5px !important; 
    border: 2px solid blue; 
    background-color:blue; 
} 
::-webkit-scrollbar-thumb { 
     background-color:#42c0fb !important; 
    border-radius: 5px !important; 

} 
scrollbar-track { 
    border-radius: 5px !important; 
    background-color: white !important; 
} 
::-webkit-scrollbar-track { 
    border-radius: 5px !important; 
    background-color: white !important; 
} 
+0

haben Sie versucht zu folgen: http://Stackoverflow.com/a/1202542/2765346 es macht die Bildlaufleiste immer sichtbar –

+0

Hallo, ich habe es gerade versucht, aber es scheint immer noch nicht. – John

Antwort

1

konnte ich das selbst CSS mithilfe von Webkit Scrollbar erreichen, die auf Android wird nur angewendet. Ich füge die Androiden-Scrollbar Klasse auf die Seite auf Android von

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

Hier verwenden, ist die notwendige 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); } 

Und für die Anzeige Scrollbar, Sie haben Cordova Überweg Plugin installieren . Und für PhoneGap, kann es auch Zebrastreifen-Plugin geben.

+0

Ich möchte nur erwähnen, weil es leicht übersehen werden kann, aber insbesondere das crosswalk plugin war was für mich der Trick. – Allan