JSFiddle - React, Tailwind, and code Playground

by Soviut

HTML

<script src="https://rawgithub.com/cubiq/iscroll/master/build/iscroll.js"></script>
<div id="scroller">
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
        <li>Item 6</li>
        <li>Item 7</li>
        <li>Item 8</li>
        <li>Item 9</li>
        <li>Item 10</li>
    </ul>
</div>

CSS

body {
    padding: 0;
    margin: 0;
}

#scroller {
    position: fixed;
    width: 100%;
    height: 100%;
    
    overflow: hidden;
    background: red;
}

ul {
    padding: 0;
    margin: 0;
    
    list-style: none outside;
}

li {
    height: 100px;
    padding: 10px;
    box-sizing: border-box;
}

li:nth-child(odd) {
    background: lightgrey;
}

li:nth-child(even) {
    background: grey;
}

JavaScript

var scroll = new IScroll('#scroller');