2012-02-24 17 views
1

Android 3.2以降、BlackBerry Playbook、iOS5 +(iPad 1はサポートされていません)を実行するタブレットのページを作成するために、スクロール可能なdiv(CSS要素のオーバーフロー:スクロール) 。
私はこれを動作させましたが、スクロールバーが欲しいです。 iOS5の場合、このサポートされているWebkitコードがスナップされ、CSSスタイルに追加されます。これは、リンゴのスクロールバーのような「ネイティブ」本当にいいます:
モバイルブラウザでスクロール可能なdivのスクロールバー

-webkit-overflow-scrolling: touch; 

は、AndroidとBlackBerry上で動作と同様のものがありますか? CSS/Webkitソリューションが最適ですが、JavaScriptはiScrollなどの大きなプラグインでない限り、問題ありません。あなたの助けのための

::-webkit-scrollbar { 
    width: 12px; 
} 

::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; 
} 
::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 

ありがとう:私はあまりにもテストしたが、それは「遅れ」として動作しません何
は、すべてのプラットフォーム上で本当に悪い以下です!

+0

私はちょうど別の投稿を見て、[jScrollbar](http://www.myjqueryplugins.com/jScrollbar/)を見つけました。これは私が試してみるオプションですが、iOSのようなもっと基本的なものがありますか? – ABBDVD

答えて

0

私はまだこのためにクロスプラットフォームのCSSソリューションを見つけていません。私は軽量jsソリューションのタッチスクロールをどのように使用したのですか?https://github.com/neave/touch-scroll

+0

ありがとうございました。このスクロール方法には素晴らしい「勢い」がありますが、スクロールバーはまだ用意されていません。これは、私が抱える問題の半分の解決策です:S – ABBDVD

関連する問題