Overflow-y: Scroll not showing scrollbar in Chrome
<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>