title: visible scrollbars IOS with "webkit-overflow-scrolling: touch"
body: <p>I want scrollbars to be always visible in IOS. The quick solution is the "::-webkit-scrollbar" fix. However when using "webkit-overflow-scrolling: touch" for the "slide feeling", the scrollbars are not visible anymore. </p>
  
  <p>How can I get them both working?</p>
  
  <p>See the example <a href="http://jsfiddle.net/gatb4ct6/5/" rel="noreferrer">http://jsfiddle.net/gatb4ct6/5/</a>:</p>
  
  <pre><code>.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);
  }
  </code></pre>