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
9
A
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. –
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
@Richa sei sicuro. C'è qualche documentazione per questo. Posso semplicemente mostrarlo al cliente e smettere di provare l'impossibile –
Lo vuoi per tutti i browser mobili solo nei dispositivi mobili ?? Per il browser per PC puoi fare 'html {overflow-y: scroll;}' – Richa