JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cubiq.org/dropbox/iscroll4/src/iscroll.js"></script>
<div id="scroller">
<ul id="">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>
</div>

CSS

html, body {
 height: 100%;
 width: 100%;
}
#scroller {
  height: 100%;
}
ul {
  height: 100%;
  width: 7500px;
}
li {
  position: relative;
  width: 300px;
  height: 100%;
  display: inline-block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  
}
li div {
 background-color: rgba(255,255,255,.7);
 margin: 10px;
 padding: 10px;
}
li:nth-child(1) {
  background-color: red;
}
li:nth-child(2) {
  background-color: orange;
}
li:nth-child(3) {
  background-color: yellow;
}
li:nth-child(4) {
  background-color: green;
}
li:nth-child(5) {
  background-color: blue;
}
li:nth-child(6) {
  background-color: purple;
}
li:nth-child(7) {
  background-color: red;
}
li:nth-child(8) {
  background-color: orange;
}
li:nth-child(9) {
  background-color: yellow;
}
li:nth-child(10) {
  background-color: green;
}
li:nth-child(11) {
  background-color: blue;
}
li:nth-child(12) {
  background-color: purple;
}
li:nth-child(13) {
  background-color: red;
}
li:nth-child(14) {
  background-color: orange;
}
li:nth-child(15) {
  background-color: yellow;
}

JavaScript

var text = "<p>Etsy whatever fixie, brooklyn hoodie ennui single-origin coffee cred. Fixie culpa mcsweeney's, squid aesthetic ullamco godard odio pop-up terry richardson. Street art dreamcatcher cupidatat cardigan deserunt. Shoreditch swag single-origin coffee, street art 90's aliqua umami mustache brunch lo-fi sapiente selvage in. Selvage do placeat laborum pinterest sunt, blue bottle brooklyn try-hard cliche sartorial craft beer. Odd future try-hard cillum cliche Austin. Yr officia keffiyeh cliche excepteur dolor, fugiat mollit cardigan selvage non readymade hashtag.</p><p>Officia kogi selvage, occupy church-key letterpress locavore american apparel occaecat PBR hashtag pitchfork pop-up. Non sartorial semiotics leggings, viral ut sapiente anim nulla nihil pug mlkshk you probably haven't heard of them. Skateboard wayfarers ex, kogi hella narwhal tempor hoodie duis godard. Sint sriracha try-hard, organic cosby sweater mumblecore intelligentsia hoodie deep v nostrud odio readymade cupidatat. Artisan nesciunt id synth hoodie, shoreditch try-hard literally chambray assumenda wes anderson exercitation. Ullamco assumenda swag, hoodie polaroid wolf synth do twee semiotics 3 wolf moon narwhal pariatur art party. Yr ut 3 wolf moon, dreamcatcher thundercats artisan in cred.</p><p>Dolore high life ennui aesthetic. Typewriter vegan dreamcatcher odd future pitchfork 3 wolf moon. Twee consequat cillum, Austin synth organic ethical gluten-free do magna lo-fi. Jean shorts fugiat sriracha cupidatat. Consectetur semiotics etsy, cray mcsweeney's whatever chambray narwhal carles farm-to-table. Vinyl wolf fashion axe sunt williamsburg, jean shorts dolor pug. Whatever ugh letterpress, pinterest meggings yr cardigan elit sint in terry richardson.</p><p>Sriracha ad quinoa semiotics shoreditch, YOLO tonx banksy keffiyeh brunch. Veniam vero eu hoodie dolore, organic 3 wolf moon pug irure freegan next level intelligentsia. Organic wes anderson seitan, etsy tumblr sustainable hella ugh...