JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<script src="http://lab.cubiq.org/iscroll/src/iscroll.js"></script>
<div id="vert">
    <div id="vert_scroller">
        
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        var HTML = "";
        for(i=0;i < 10;i++){
            HTML += '<div id="sc'+i+'" class="innerWrap"><div class="innerSc"><span>'+(Math.random()*765432178452).toString()+'</span></div></div>';
        }
        $("#vert_scroller").html(HTML);
        myScroll = new iScroll('vert');
        for(i=0;i<10;i++){
            innerScroll_1 = new iScroll('sc'+i);
        }
    })
</script>

CSS

#vert{
    top:0px;
    left:0px;
    position:relative;
    height:300px;
    width:300px;
    z-index:1;
    letter-spacing: 1em;
}

#vert_scroller{
    width:100%;
    display:inline-block;
}
.innerWrap{
    height:40px;
    width:100%;
    position:relative;
    z-index:1;
    top:0px;
    left:0px;
}
.innerSc{
    padding:10px;
    width:450px;
    display:inline-block;
    border-bottom:1px solid black;
}