2014-09-05 3 views
9

Есть ли способ держать полосы прокрутки всегда видимыми в мобильном браузере. По умолчанию прокручиваемая страница получает свою прокрутку только в том случае, когда происходит касание/салфетка. Как я могу сделать полосы прокрутки всегда видимыми?Всегда показывать полосы прокрутки в iPhone/Android

+0

Многие мобильные браузеры не показывают скроллбары вообще, в то время как некоторые показывают их только во время прокрутки. Поэтому, независимо от того, что вы вкладываете в свой CSS, вещь, которую вы хотите достичь, может быть невозможной. – Richa

+0

@ Рича, вы уверены. Есть ли для этого документация. Я могу просто показать это клиенту и прекратить попытки невозможного –

+0

Вы хотите его для всего мобильного браузера только в мобильных устройствах? Для ПК-браузера вы можете сделать 'html {overflow-y: scroll;}' – Richa

ответ

18

Попробуйте это на ваших стилей 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; 
} 
+0

или с этим кодом HTML { переполнения: - Мос-скроллбары-вертикали; overflow-y: прокрутка; } Должно быть выполнено – user2169710

+1

Это работает в браузерах устройств Android, а не в iPhone Safari или iPhone хром. –

Смежные вопросы