title: iOS: any way to make -webkit-overflow-scrolling and ::-webkit-scrollbar work together?
body: <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>