gistfile1.txt

Here’s a simple example of what I’m saying:
```
<style>
.div1 {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100px;
  width: 20px;
}

.div2 {
  height: 500%;
}

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

::-webkit-scrollbar-track{
    background: rgb(41,41,41);
    border-radius: 100px;
}
::-webkit-scrollbar-thumb{
    background: rgb(111,111,111);
    border-radius: 100px;
}
</style>
<div class="div1">
  <div class="div2"</div>
</div>
<script>
var sliderHeight = 500;

document.querySelector('.div1')
  .addEventListener("scroll", (event) => {
  var sliderMaxScroll = sliderHeight - event.target.offsetHeight;
  var position = event.target.scrollTop / sliderMaxScroll;
  console.log(position);
});
</script>
```