jQM - iScrollView example 1

HTML

<link rel="stylesheet" href="http://example.gajotres.net/iscrollview/jquery.mobile.iscrollview.css">
<link rel="stylesheet" href="http://example.gajotres.net/iscrollview/jquery.mobile.iscrollview-pull.css">
<script src="http://example.gajotres.net/iscrollview/iscroll.js"></script>
<script src="http://example.gajotres.net/iscrollview/jquery.mobile.iscrollview.js"></script>
<div data-role="page" id="index">
    <div data-theme="b" data-role="header">
        <h1>Index page</h1>
    </div>
    
    <div data-role="content">
        <div id="example-iscroll" data-iscroll>
            <ul id="test-list" data-role="listview">
                <li><a href="#">Some link1</a></li>
                <li><a href="#">Some link2</a></li>
                <li><a href="#">Some link3</a></li>
                <li><a href="#">Some link4</a></li>
                <li><a href="#">Some link5</a></li>
                <li><a href="#">Some link6</a></li>
                <li><a href="#">Some link7</a></li>
                <li><a href="#">Some link8</a></li>                
                <li><a href="#">Some link9</a></li>
                <li><a href="#">Some link10</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
                <li><a href="#">Some link</a></li>
               ...

CSS

.ui-content {
    padding: 0 !important;
}

.ui-listview {
    margin: 0 !important;
}

.example-wrapper, .example-wrapper div.iscroll-scroller {
    width: 100% !important;
}

JavaScript

$(document).on('pagebeforeshow', '#index', function(){  
    $('#test-list li').on('click', function(){   
        var pos = $(this).prev().offset().top;
        //alert(pos);
        $('#example-iscroll').iscrollview('scrollTo', 0, pos, 0, true);
        $('#example-iscroll').iscrollview('refresh');
    });    
});