IOS visible scrollbars with "webkit-overflow-scrolling: touch"

Question

I want scrollbars to always be visible in iOS. A quick fix is ​​the fix ":: - webkit-scrollbar". However, when using the "scroll webkit-overflow-touch: touch" to "feel the slide," the scroll bars are no longer visible.

How can I make them work?

See an example http://jsfiddle.net/gatb4ct6/5/ :

.frame { overflow-y: auto; border: 1px solid black; height: 13em; width: 10em; line-height: 1em; /*-webkit-overflow-scrolling: touch;*/ /* uncomment above and scrollbars are not visible on IOS */ } ::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 11px; } ::-webkit-scrollbar:horizontal { height: 11px; } ::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; /* should match background, can't be transparent */ background-color: rgba(0, 0, 0, .5); }