iOS: any way to make -webkit-overflow-scrolling and ::-webkit-scrollbar work together?
<p>I'm trying to apply custom styles to the scrollbars (actually, trying to make scrollbars always visible) <em>and</em> preserve the momentum scrolling for the iOS app:</p>

<pre><code>#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;
}
</code></pre>

<p>But <code>-webkit-overflow-scrolling: touch</code> and <code>::-webkit-scrollbar</code> styles don't work together.
There's already a related question on StackOverflow:</p>

<p><a href="https://stackoverflow.com/questions/28871556/webkit-overflow-scrolling-touch-breaks-my-webkit-scrollbar-css-in-ios">-webkit-overflow-scrolling: touch breaks my -webkit-scrollbar css in iOS</a></p>

<p>So, from the height of spring'2016, is there any way to have a momentum scrolling while styling the scrollbars at the same time? I'm ready to ditch the <code>-WebKit-overflow-scrolling: touch</code> if there's another method that can fake it.</p>

<p>Please don't suggest using niceScroll, iScroll, etc. - I've tried these; actually, I'm currently using one of such scripts and want to get away from it.</p>