web-dev-qa-db-ja.com

iPhone / Androidでは常にスクロールバーを表示する

スクロールバーをモバイルブラウザで常に表示し続ける方法はありますか？デフォルトでは、スクロール可能なページは、タッチ/スワイプが発生しているときにのみスクロールが表示されます。スクロールバーを常に表示するにはどうすればよいですか？

htmlcssiphonescrollbar
11
Jagadeesh J

あなたのCSSスタイルでこれを試してみてください

::-webkit-scrollbar {
    -webkit-appearance: none;
}

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

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}
18
user2169710