2016-01-01 8 views
11

Io uso questo codice CSS per rendere visibile la barra di scorrimento in jquery-mobile:JQuery-Mobile

::-webkit-scrollbar { 
    -webkit-appearance: none; 
} 
::-webkit-scrollbar:vertical { 
    width: 12px; 
} 
::-webkit-scrollbar:horizontal { 
    height: 12px; 
} 
::-webkit-scrollbar-thumb { 
    background-color:#CE0003; 
    border-radius: 10px; 
} 
::-webkit-scrollbar-track { 
    border-radius: 10px; 
    background-color: grey; 
} 

Quando apro la pagina con cellulare la barra di scorrimento è visibile, ma strisciare su di essa, non funziona (Non scorre la pagina). Come posso risolvere questo problema?
Lo si può vedere in questo fiddle 1

UPDATE:
se si pensa la sua impossibilità di farlo in questo modo, c'è un altro modo utilizzando jQuery .
In questo ffidle 2 si può vedere che una funzione è stata scritta che rileva Scorri verso il basso e strisciare fino su un div. Ora ha solo bisogno di una funzione che scorri la pagina.

+0

Perché ti preoccupi delle barre di scorrimento sui dispositivi mobili? Il punto è che è naturale scorrere semplicemente - le barre di scorrimento sono troppo piccole per essere utilizzate comunque con le mani/dita di dimensioni medie –

+0

@DarrenSweeney Sto usando un'applicazione che mi dà un file html e devo includerlo