-webkit-trabocco a scorrimento: tocco spezza il -webkit-scrollbar css in iOS

Question

Questo codice funziona alla grande per le barre di scorrimento per lo styling:

.frame::-webkit-scrollbar { 
    -webkit-appearance: none; 
    background-color: #000; 
} 
.frame::-webkit-scrollbar:horizontal { 
    height: 6px; 
} 
.frame::-webkit-scrollbar-thumb { 
    background-color: #000; 
} 
.frame::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    background-color: #333; 
} 

Ma ogni volta che voglio rendere tocco abilitato (per alleviare nella telefonia mobile scrolling), scompaiono tutte le barre di scorrimento

.frame { 
    -webkit-overflow-scrolling: touch; 
} 

Qualsiasi soluzione per mantenere la barra di scorrimento in iOS o mobile?

Answer 1

È possibile stile personalizzato vostre barre di scorrimento con i CSS per i browser WebKit o attivare

-webkit-overflow-scrolling: touch; 

Entrambi non lavorare insieme in ultimo safari. Se metti entrambi, solo il tocco funzionerà. Testato su Iphone 5 e 6