iOS: tout moyen de faire fonctionner -webkit-overflow-scrolling et :: - webkit-scrollbar ensemble?

Question

Je suis en train d'appliquer des styles personnalisés aux barres de défilement (en fait, en essayant de faire toujours visible scrollbars) et maintien de la dynamique de défilement pour l'application iOS:

#container 
{ 
    height: 400px; 
    overflow: scroll; 
    -webkit-overflow-scrolling: touch; 
} 

#container::-webkit-scrollbar 
{ 
    -webkit-appearance: none; 
    background-color: #000; 
} 

#container::-webkit-scrollbar:horizontal 
{ 
    height: 6px; 
} 

#container::-webkit-scrollbar-thumb 
{ 
    background-color: #000; 
} 

#container::-webkit-scrollbar-track 
{ 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    background-color: #333; 
} 

Mais -webkit-overflow-scrolling: touch et ::-webkit-scrollbar styles ne le font pas travailler ensemble. Il y a déjà une question connexe sur StackOverflow:

-webkit-overflow-scrolling: touch breaks my -webkit-scrollbar css in iOS

Ainsi, de la hauteur de spring'2016, est-il possible d'avoir une dynamique de défilement défilement tout en style les barres de défilement en même temps? Je suis prêt à abandonner le -WebKit-overflow-scrolling: touch s'il y a une autre méthode qui peut le truquer.

S'il vous plaît ne pas suggérer d'utiliser niceScroll, iScroll, etc. - J'ai essayé ces; En fait, j'utilise actuellement un de ces scripts et je veux m'en éloigner.

Answer 1

Avez-vous essayé de mettre "overflow: scroll" dans le CSS?