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. –
Problemi correlati
- 1. Iframe mostra sempre le barre di scorrimento in IE7
- 2. WPF Grid non mostra barre di scorrimento
- 3. Mostra sempre la barra di scorrimento nella tabella Bootstrap-responsive
- 4. Mostra sempre niceScroll rail
- 5. Come rendere le barre di scorrimento di listview sempre visibili
- 6. Mostra sempre barra di scorrimento verticale in <select>
- 7. Riempi finestra con iFrame e non mostra barre di scorrimento?
- 8. Bootstrap 3: barre di scorrimento
- 9. Nascondi barre di scorrimento in DataGridView
- 10. Rimuovere le barre di scorrimento da textarea
- 11. Abilitazione barre di scorrimento del browser dopo window.open con barre di scorrimento = senza
- 12. Griglia Pannello barre di scorrimento in ExtJS 4 non lavora
- 13. XAML: crea ScrollViewer mostra barre di scorrimento quando il ScaleTransform di un oggetto figlio diventa grande
- 14. Aggiunta elemento dinamico e barre di scorrimento
- 15. Bootstrap: come abilitare le barre di scorrimento?
- 16. jqGrid - non visualizzare le barre di scorrimento
- 17. Come aggiungere barre di scorrimento a griglia
- 18. WPF DataGrid non mostra barre di scorrimento ed esaurisce l'area visibile
- 19. Disabilitare l'auto-nascondersi delle barre di scorrimento su Lion
- 20. Come visualizzare sempre la barra di scorrimento per UITextView?
- 21. Vsplit provoca la visualizzazione delle barre di scorrimento verticali (gvim)
- 22. Barre di scorrimento indesiderate nel controllo WebBrowser in modalità IE9
- 23. Come creare barre di scorrimento personalizzate in IE?
- 24. translateY/X che causa barre di scorrimento in Firefox
- 25. Abilitazione delle barre di scorrimento in una finestra SWT Java
- 26. jQuery ui Ridisponibile con le barre di scorrimento
- 27. Le barre di scorrimento di Cocoa WebView non scompariranno
- 28. Mostra sempre barra di scorrimento del browser per impedire pagina saltando
- 29. angularjs: ng-messaggio mostra sempre
- 30. Mostra sempre i decimali in SQL?
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