title: Overflow-y: Scroll not showing scrollbar in Chrome
body: <p>I am generating a list of organisations of the left hand side of this page: <a href="http://www.ihhub.org/member-map/" rel="noreferrer">http://www.ihhub.org/member-map/</a></p>
  
  <p>This list is generated through appending <code>&lt;span&gt;</code> tags that are linked to the corresponding map.</p>
  
  <p>My issue is - the scroll bar does not appear in CHROME but does appear in Firefox and Safari.</p>
  
  <p>Any solutions?</p>
  
  <p>UPDATE:</p>
  
  <p>This issue appears to be isolated to MAC OS.</p>
  
  <p>SOLUTION:</p>
  
  <pre><code>::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
  }
  ::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgba(0,0,0,.5);
      -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  }
  </code></pre>