JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cubiq.org/dropbox/iscroll4/src/iscroll.js"></script>
<div id="header">
    <h1>this is a bunch of stuff in the header<h1>
</div>

<div class="scroll_hold" id="scroll_holder">
    <ul>
        <li> 1st item</li>
        <li> 2nd item</li>
        <li> 3rd item</li>
        <li> 4th item</li>
        <li> 5th item</li>
    <ul>
</div>
   
<div class="scroll_hold" div id="right_scroll_holder">
    <ul>
        <li> 1st item</li>
        <li> 2nd item</li>
        <li> 3rd item</li>
        <li> 4th item</li>
        <li> 5th item</li>
    <ul>
</div>

CSS

div#header {
 width: 100%;
  height: 200px;  
    border: 2px solid #ccc;
}

div.scroll_hold{
 height: 200px;
 max-width: 200px;  
    overflow: hidden;
    float: left;
    border: 2px solid #555;
}

div#right_scroll_holder {
    
 float: right;   
}

div.scroll_hold ul li{
  padding: 40px;
}

JavaScript

var scroll_this = new iScroll('scroll_holder');
var scroll_2nd = new iScroll('right_scroll_holder');