Scrollbar su chrome con ionic

[stefano.riccobelli]

Salve.
Sto utilizzando Ionic per un'app in sviluppo.
Mi sono accorto che il div centrale (il content) su firefox mostra correttamente la scrollbar verticale, mentre su Chrome no.
Sapete se esiste un qualche modo per mostrarla?

[d.pierangeli]

In realtà è voluto, il tema Ionic è pensato per non mostrare mai le scrollbar (perchè su mobile non ci sono, quindi anche nel 'simulatore' non vanno messe).
Il fatto che ci siano su Firefox è un malfunzionamento che sarà corretto in 21.0.

Questo però non significa che non puoi averle se proprio lo desideri; le scrollbar sono nascoste con queste regole CSS :

Code: Select all

.has-scrollbar scroll-content::-webkit-scrollbar {
  display: none;
}

.has-scrollbar scroll-content {
  scrollbar-width: none; /* Disable scrollbar FFX */
}


Puoi sempre aggiungere un tuo CSS che le rimette.

[stefano.riccobelli]

Ho provato come mi dici, mettendo display: block e scrollbar-width: auto ma visualizzo solo uno spazio vuoto in cui dovrebbero comparire i controlli della scrollbar, che però rimane, appunto, vuoto, bianco.

[stefano.riccobelli]

Risolto con un altro bel po' di regole per riattivare i colori e la visibilità del vari componenti delle scrollbar.
Inoltre creata una classe specifica per non usare la classe predefinita has-scrollbar, altrimenti si attivavano almeno due barre.

Grazie