JSFiddle - React, Tailwind, and code Playground

by Farzad YZ

HTML

<html>
  <body>
    <p>
    sadasd
    </p>
  </body>
</html>

CSS

body {
  height: 3000px;
  background-color: gray;
}

::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 15px;
  background-color: yellow;

}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-color: blue;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:window-inactive {
  background-color: rgba(255, 255, 255, 0.5);
}