4

現在、テーブルを囲む div でオーバーフローのスタイルを設定しようとしています。これを行うために Webkit 固有のスタイルを使用しています。

.overflow::-webkit-scrollbar {
        width:30px;
        }
    .overflow::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }
    .overflow::-webkit-scrollbar-thumb {
        -webkit-border-radius: 15px;
        border-radius: 15px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        background:#f00;
    }

これらはデスクトップ ブラウザではうまく機能しますが、モバイル ブラウザでは機能しません。

モバイルブラウザがこれをサポートしていないという問題はありますか? または、近い将来にサポートが導入されますか?

私はいくつかの Javascript ベースのソリューションを見てきましたが、これらはすべて、Webkit ベースのブラウザーでスクロールバーのスタイルを単純に設定するには、少し肥大化しすぎています。

4

3 に答える 3

1

モバイルでネイティブ スクロールバーのスタイルを設定することはできません。

理由はわかりませんが、すべての電話と OS は異なるブラウザーを使用しており、それぞれに独自のスクロール バーの実装があります。多くの場合、iOS のフェード スクロールバー アプローチも採用されています。

これにより、実際にカスタム ソリューションを使用することが制限されます。

于 2012-08-06T09:02:12.243 に答える
0

カスタムスクロールバーを使用する必要があると思います。カスタム スクロール バーには、jquery スクロール バー「jscrollPane」を使用します。これらのファイルをダウンロードする必要があります: ScrollPanel.js、jquery.mousewheel.js、jquery.jscrollpane.min.js、jquery.jscrollpane.js、jquery.jscrollpane.css

詳細については、次のリンクをたどってください: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

于 2012-08-06T12:05:28.110 に答える
-1

モバイル サファリは div スクロールをサポートしていません。iscoll フレームワークを使用できます。

于 2012-08-06T09:01:44.333 に答える