JSFiddle - React, Tailwind, and code Playground

by Asif Sharif Shahid

HTML

<div>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>
  Its a test div
  <br/>  
  Its a test div
  <br/>  
  Its a test div
  <br/>  
  Its a test div
  <br/>  
  Its a test div
  <br/>  
  Its a test div
  <br/>  
</div>

CSS

div
{
  height: 200px;
  overflow-y:scroll;
}

div::-webkit-scrollbar {
  width: 1em;
}

div::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

div::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #00bd86;
  outline: 2px solid slategrey;
}

div::-webkit-scrollbar:horizontal {
  display: none;
}