It is currently 25 February 2021, 7:30 Advanced search

Scrollbar su chrome con ionic

Domande e risposte su come utilizzare Instant Developer Cloud al meglio

Scrollbar su chrome con ionic

Postby stefano.riccobelli » 8 January 2021, 17:36

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?
stefano.riccobelli
 
Posts: 20
Joined: 15 February 2018, 8:20

Re: Scrollbar su chrome con ionic

Postby d.pierangeli » 1 February 2021, 15:32

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.
User avatar
d.pierangeli
Pro Gamma
Pro Gamma
 
Posts: 7063
Joined: 30 September 2010, 15:35

Re: Scrollbar su chrome con ionic

Postby stefano.riccobelli » 2 February 2021, 8:05

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
 
Posts: 20
Joined: 15 February 2018, 8:20

Re: Scrollbar su chrome con ionic

Postby stefano.riccobelli » 2 February 2021, 9:04

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
stefano.riccobelli
 
Posts: 20
Joined: 15 February 2018, 8:20


Return to Tips & Tricks - Cloud

Who is online

Users browsing this forum: No registered users and 3 guests