JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
  
<div class="wrap">
    <div class="inner"></div>
</div>
    
</body>
</html>

CSS

body {margin:10px 0px 0px 10px;overflow:hide;}
div.wrap {width:400px;height:320px;overflow-x:hidden;overflow-y:scroll;border:1px solid #000;}
div.inner {height:1500px;}

::-webkit-scrollbar {
    width: 30px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {}
 
::-webkit-scrollbar-track-piece  {
    display:none;
}
 
::-webkit-scrollbar-thumb:vertical {
    background:transparent url('http://i.minus.com/jbcOb9d7Bb1p6Y.png') no-repeat;
    background-size:26px 63px;  
    background-position:;
}