JSFiddle - React, Tailwind, and code Playground
by Ranganadh Paramkusam
HTML
<script src="http://cubiq.org/dropbox/iscroll4/src/iscroll.js"></script>
<div id="wrapper" class="wrapper" style="overflow: hidden; ">
<div class="scroller">
<li>li 0</li>
<li>li 1</li>
<li>li 2</li>
<li>li 3</li>
<li>li 4</li>
<li>li 5</li>
<li>li 6</li>
<li>li 7</li>
<li>li 8</li>
<li>li 9</li>
<li>li 10</li>
<li>li 11</li>
<li>li 12</li>
<li>li 13</li>
<li>li 14</li>
<li>li 15</li>
<li>li 16</li>
<li>li 17</li>
<li>li 18</li>
<li>li 19</li>
<li>li 20</li>
<li>li 21</li>
<li>li 22</li>
<li>li 23</li>
<li>li 24</li>
<li>li 25</li>
<li>li 26</li>
<li>li 27</li>
<li>li 28</li>
<li>li 29</li>
<li>li 30</li>
<li>li 31</li>
<li>li 32</li>
<li>li 33</li>
<li>li 34</li>
<li>li 35</li>
<li>li 36</li>
<li>li 37</li>
<li>li 38</li>
<li>li 39</li>
<li>li 40</li>
<li>li 41</li>
<li>li 42</li>
<li>li 43</li>
<li>li 44</li>
<li>li 45</li>
<li>li 46</li>
<li>li 47</li>
<li>li 48</li>
<li>li 49</li>
<li>li 50</li>
<li>li 51</li>
<li>li 52</li>
<li>li 53</li>
<li>li 54</li>
<li>li 55</li>
<li>li 56</li>
<li>li 57</li>
<li>li 58</li>
<li>li 59</li>
<li>li 60</li>
<li>li 61</li>
<li>li 62</li>
<li>li 63</li>
<li>li 64</li>
<li>li 65</li>
<li>li 66</li>
<li>li 67</li>
<li>li 68</li>
<li>li 69</li>
<li>li 70</li>
<li>li 71</li>
<li>li 72</li>
<li>li 73</li>
<li>li 74</li>
<li>li 75</li>
<li>li 76</li>
<li>li 77</li>
<li>li 78</li>
<li>li 79</li>
...
CSS
.wrapper {
top: 0px;
left: 0px;
overflow: hidden;
z-index: 1;
height: 300px;
width: 200px;
}
.scroller {
display: inline-block;
min-height: 100%;
width: 100%;
}
li {
list-style-type: none;
margin-left:20px;
}