2016-12-14 10 views
0

こんにちは、私はphonegapアプリケーションに表示されるスクロールバーを取得しようとしていますが、表示されません。私はそこにあるすべてのスレッドを読みました。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

こんにちは私はそれだけでもしようとしましたが、まだdoesntが表示されます。 – John

答えて

1

私はAndroid上で適用されますWebkitスクロールバーのCSSを使用して、この自分自身を達成することができました。私はここで

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

を使用してAndroid上でページをアンドロイド-スクロールバークラスを追加する必要が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); } 

と表示スクロールバーのために、あなたはコルドバの横断歩道のプラグインをインストールする必要があります。 PhoneGapには、クロスウォークプラグインもあります。

+0

私はそれが簡単に見落とすことができるので、特に言及したいのですが、特にクロスウォークプラグインは、私のためのトリックでした。 – Allan