JSFiddle - React, Tailwind, and code Playground

by Outrora

HTML

<div class="olho">
<div class="pupila"></div>
</div>

CSS

body {
  background: red;
}
.olho {
  background: black;
  width: 100%;
  height: 200px;
  overflow: auto;
}
.olho::-webkit-scrollbar-thumb {
  background: red;
}
.olho::-webkit-scrollbar-track {
  background: black;
}
.pupila {
  height: 300px;
  width: 300px;
  border-radius: 50%;
  background: dodgerblue;
}

JavaScript

var olho = document.querySelector('.olho');