2014-09-05 14 views
9

C'è un modo per mantenere sempre visibili le barre di scorrimento nel browser mobile. Per impostazione predefinita, una pagina scorrevole ottiene il suo scorrimento visibile solo quando avviene un tocco/scorrimento. Come posso rendere le barre di scorrimento sempre visibili?Mostra sempre barre di scorrimento in iPhone/Android

+0

Molti browser mobili non mostrano barre di scorrimento a tutti, mentre alcuni di loro mostrano soltanto durante lo scorrimento. Quindi, indipendentemente da ciò che hai inserito nel tuo CSS, la cosa che vuoi raggiungere potrebbe essere impossibile. – Richa

+0

@Richa sei sicuro. C'è qualche documentazione per questo. Posso semplicemente mostrarlo al cliente e smettere di provare l'impossibile –

+0

Lo vuoi per tutti i browser mobili solo nei dispositivi mobili ?? Per il browser per PC puoi fare 'html {overflow-y: scroll;}' – Richa

risposta

18

provare questo sui vostri stili 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

Oppure con questo codice html { overflow: - MOZ-scorrimento-verticale; overflow-y: scroll; } Dovrebbe essere funzionante – user2169710

+1

Funziona nei browser di dispositivi Android, non in iPhone safari o iPhone chrome. –

Problemi correlati