JSFiddle - React, Tailwind, and code Playground

by dfreedm

HTML

<div style="-ms-touch-action: none">
    <div id="scroller"></div>
</div>

CSS

#scroller {
    height: 400px;
    overflow: auto;
    border: 2px solid green;
}
#scroller > * {
    height: 50px;
    border: 1px solid black;
}
* {
    box-sizing: border-box;
}

JavaScript

for (var i = 0, d; i < 500; i++) {
    d = document.createElement('div');
    d.textContent = i;
    scroller.appendChild(d);
}