Make the Webkit scroll bar not disappear.

How we can make the scrollbar on webkit not disappear.

by Luke Larsen

HTML

<br><br><br><br>
<div class="show-scrollbars">
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
    Content<br>
</div>

CSS

.show-scrollbars{
    overflow-y: auto;
    height: 125px;
}

.show-scrollbars::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.show-scrollbars::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}