JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://zengabor.github.io/zenscroll/zenscroll.js"></script>
<div class="scrollable" id="scrollable">
  <img src="http://i.smartphone.ua/img/wp/4748/93.jpg" id="img" alt=""/>
</div>

CSS

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


.scrollable {
  border: 5px solid red;
  display: block;
  height: 300px;
  margin: 10px auto;
  overflow-y: scroll;
  width: 500px;
  
  img {
    display: block;
    width: 100%;
  }
}

JavaScript

zenscroll
  .createScroller(document.getElementById('scrollable'))
  .toY(600, 10000);