title: Make scrollbar visible in mobile browsers
body: <p>when I have a web page with a scrollable content. With css property "overflow:auto" or "overflow:visible" the scrollbar is visible on desktop browsers, but when I open the page on mobile browsers the scrollbar appears only when I try to scroll. 
  Is there a way to make the scrollbar always visible on mobile devices? I have tried some JQuery libraries but none of them have worked.</p>
  
  <p>The html code is trivial, I have a scrollable div with an IFrame inside:</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;iframe id="frameContent" src="mysite" scrollable="yes"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The css:</p>
  
  <pre><code>#wrapper{
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      width: 500px;
      height: 200px;
  }
  
  #frameContent{
      width: 100%;
      height: 100%;
  } 
  </code></pre>