2016-12-14 2 views
0

안녕하세요 저는 전화 갭 앱에 스크롤바를 표시하려고하는데 표시되지 않습니다. 거기에있는 모든 스레드를 읽었습니다.Phonegap Scrollbar

CSS 스타일 시트에 설정하십시오. 이미 스레드를 설정할 수 없다는 것을 읽었습니까? 시간 내 주셔서 감사합니다는

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

다음을 시도 했습니까? http://stackoverflow.com/a/1202542/2765346 스크롤 막대를 항상 볼 수있게합니다. –

+0

안녕하세요. – John

답변

1

나는 단지 안드로이드에 적용됩니다 Webkit 스크롤 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); } 

그리고 디스플레이 스크롤 바

, 당신은 코르도바 횡단 보도 플러그인을 설치해야합니다 : 여기

$('html').addClass('android-scroll-bar'); 필요한 CSS입니다 사용하여 안드로이드의 페이지로 안드로이드 - 스크롤 클래스를 추가 . PhoneGap에는 횡단 보도 플러그인이있을 수도 있습니다.

+0

간단히 간과 할 수 있기 때문에 언급하기를 좋아하지만, 특히 횡단 보도 플러그인은 나를 위해 트릭을 한 것입니다. – Allan