JSFiddle - React, Tailwind, and code Playground

by Ayri Rin

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div class='scroll' id='simple'>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore cumque amet officiis reiciendis nesciunt sint modi eaque quisquam, excepturi dicta esse tempora quis quia, doloremque sit cum praesentium accusantium ex.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda excepturi consequuntur expedita consequatur odit, unde, dolorum perspiciatis cumque eveniet sapiente, eos nesciunt voluptatem quasi officiis, molestias dicta cupiditate modi aliquam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore cumque amet officiis reiciendis nesciunt sint modi eaque quisquam, excepturi dicta esse tempora quis quia, doloremque sit cum praesentium accusantium ex.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda excepturi consequuntur expedita consequatur odit, unde, dolorum perspiciatis cumque eveniet sapiente, eos nesciunt voluptatem quasi officiis, molestias dicta cupiditate modi aliquam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore cumque amet officiis reiciendis nesciunt sint modi eaque quisquam, excepturi dicta esse tempora quis quia, doloremque sit cum praesentium accusantium ex.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda excepturi consequuntur expedita consequatur odit, unde, dolorum perspiciatis cumque eveniet sapiente, eos nesciunt voluptatem quasi officiis, molestias dicta cupiditate modi aliquam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore cumque amet officiis reiciendis nesciunt sint modi eaque quisquam, excepturi dicta esse tempora quis quia, doloremque sit cum praesentium accusantium ex.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda excepturi consequuntur expedita consequatur odit, unde, dolorum perspiciatis cumque eveniet sapiente, eos nesciunt voluptatem quasi officiis, molestias dicta cupiditate modi...

CSS

.scroll{
  height: 100px;
  width: 100%;
  overflow-y: scroll;
  display: inline-block;
}

.scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0,0,0,0.1);
}
.scroll::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background: rgba(0,0,0,0.2);
}
.scroll::-webkit-scrollbar-thumb:hover{
	background: rgba(0,0,0,0.4);
}
.scroll::-webkit-scrollbar-thumb:active{
	background: rgba(0,0,0,.9);
}