JSFiddle - React, Tailwind, and code Playground

by Roman Chernik

HTML

<div id="scr">
  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laboriosam amet sit autem itaque porro quisquam consequatur odio temporibus necessitatibus vitae eligendi ullam magni, excepturi iusto, officia mollitia, voluptates reprehenderit. Quaerat? Error,
  ratione itaque libero maxime nemo neque eligendi doloribus dolor voluptatem, corrupti earum qui cum tempora ullam fugiat reprehenderit ipsa illo. Ducimus eius repellendus atque quas animi quod, inventore tempora. Aspernatur voluptate ab quaerat nostrum
  numquam corrupti non, quas magnam impedit. Itaque aliquam libero dolor pariatur mollitia ratione assumenda deleniti tempora nisi facere voluptates aspernatur doloribus quisquam, quos provident sint? Doloribus quasi, corporis maiores in, molestias repellendus
  quaerat possimus ea voluptatibus necessitatibus repellat ullam! Est perspiciatis similique labore culpa quam! Vitae eius cum hic quo sunt, culpa deserunt ullam quisquam. Voluptatum optio est facere dolorem excepturi doloribus consectetur, sapiente expedita
  ipsum dolorum? Ea voluptatibus tempore cumque, blanditiis, reprehenderit sit maxime facere amet rerum laboriosam magnam iusto quasi soluta id quam. Vero et nam molestiae neque beatae impedit perspiciatis animi deserunt, dolorem, reprehenderit quas dolores
  sint assumenda. Voluptas veritatis cum minima quis delectus eaque magni nihil error, ad asperiores doloremque vero. Alias, sequi perferendis quisquam non tenetur optio asperiores deserunt iusto nisi eaque, vitae impedit ex ipsa quidem minus officiis!
  Quibusdam, odit voluptate. Dicta, ipsum? Provident fugiat magni neque et expedita? Dolorem repellendus nisi unde dolore error asperiores laudantium impedit culpa atque velit, blanditiis libero iste fuga dignissimos quam totam quibusdam illo minima nobis
  doloremque. Excepturi recusandae fugit dolore culpa quod. Commodi quidem ducimus explicabo. Ad nesciunt cupiditate inventore velit fuga est molestiae modi, maiores id ducimus...

CSS

#scr {
  max-height: 100px;
  overflow: auto;
  width: 150px;
}

JavaScript

document.addEventListener("wheel", function(e) {
  document.getElementById('scr').scrollTo(0, document.getElementById('scr').scrollTop + e.deltaY);
}, true);