JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<script src="http://192.168.34.53/iPad/SocialNetworking/www/iscroll.js"></script>
<div id="main_div">
    
</div>
<script>
    function check(n){
        console.log("checking alert"+n);
    }
    //http://jsfiddle.net/7D8R8/4/
</script>

CSS

#main_div{
    width:320px;
    height:200px;
    position:absolute;
    top:0px;
    left:0px;
    border:1px solid;
}
#wrapper {
    position:absolute;
    z-index:1;
    top: 0px;
    bottom:10px; 
    left: 0px;
    overflow:hidden;
    height: 100%; 
    width:100%;   
}
#scroller {
    left: 0px;
    z-index:1;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    padding:0;  
    position: absolute;
    width: 100%;
}
li {
    padding:10px;
    border:1px solid;
}

JavaScript

var myScroll;
$(document).ready(function(){
    var HTML = '<div id="wrapper"><div id="scroller"><table>';
    for(i=0;i<20;i++){
        HTML += '<tr><td><ul><li onclick="check('+i+')"><a>Test</a></li></ul></td></tr>';
    }
    HTML += '</table></div></div>';
    $("#main_div").html(HTML);
    myScroll = new iScroll("wrapper");
    myScroll.refresh();
});