IScroll5真的是飞一般的顺畅。一下给出例子希望能帮到您，在此也做个备忘，我们项目运行在微信公众号上。直接上代码

/*******滚动 部分样式 start*******/
<style>
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}html {-ms-touch-action: none;
}body,ul,li {padding: 0;margin: 0;border: 0;
}body {font-size: 12px;font-family: ubuntu, helvetica, arial;overflow: hidden;
}.main-header {position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 44px;line-height: 44px;padding: 0;text-align: center;
}#footer {position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;height: 48px;background: #444;padding: 0;border-top: 1px solid #444;
}#wrapper_all_tab {position: absolute;z-index: 1;top: 44px;bottom: 0px;left: 0;width: 100%;/**background: #ccc;**/overflow: hidden;
}#scroller {position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;
}#scroller ul {list-style: none;padding: 0;margin: 0;width: 100%;text-align: left;
}#scroller li {padding: 0;margin-top: -11px;height: 106px;line-height: 106px;font-size: 14px;border:0px;
}
</style>
/*******滚动 部分样式 end*******/<!--tab 全部超限部分 --><div id="tab_all" class="weui-tab__bd-item weui-tab__bd-item--active"><div id="wrapper_all_tab"><div id="scroller" ><ul class="tab_all-weui-cells-ul"></ul><li class="firstLodingLi" style="line-height: 1.6em;height: 1.6em;margin: 1.5em auto;list-style-type:none;"><div class="weui-loadmore"  style="margin-top:10px; "><i class="weui-loading"></i><span class="weui-loadmore__tips">正在加载...</span></div></li><div class="weui-loadmore weui-loadmore_line hide enptyDiv" style="margin-top:30px; "><span class="weui-loadmore__tips">暂无数据</span></div><div class="weui-loadmore weui-loadmore_line hide loadOverDiv" style="margin-top:30px; "><span class="weui-loadmore__tips">数据加载完毕</span></div><div class="weui-loadmore weui-loadmore_line hide enptyCarDiv showCarManager" style="margin-top:30px; "><span class="weui-loadmore__tips">请添加车辆</span></div></div></div></div><script src="/Resources/jquery-weui-1.0.1/lib/jquery-2.1.4.js"></script>
<script src="/Resources/jquery-weui-1.0.1/js/jquery-weui.js"></script>
<script src="/Scripts/underscore-min.js" type="text/javascript"></script>
<!--<script src="/Resources/iscroll-5.2/iscroll.js" type="text/javascript"></script>-->
<script src="/Resources/iscroll-5.2/iscroll-lite.js" type="text/javascript"></script>
<script src="/Content/iscrollUtils.js" type="text/javascript"></script><script type="text/javascript">
//修改underscore模板标签_.templateSettings = {interpolate: /\<\@\=(.+?)\@\>/gim,evaluate: /\<\@(.+?)\@\>/gim,escape: /\<\@\-(.+?)\@\>/gim};
</script><!--列表模板-->
<script type="text/template" id="listTpl"><@ _.each(List, function(model , i){ @><li  class="tab_all-weui-cells-ul-row"  index="<@=count + i @>"><div class="weui-cells"><a class="weui-cell weui-cell_access showLaneexlistCxcInfo"  index="<@=count + i @>" href="javascript:;"><div class="weui-cell__bd"><p>流水号:<@=model.Laneexserialno @></p><p><@=model.Exstationname@>:<@=model.Exroadname@>(<@=model.Cityname@>/<@=model.Countyareaname@>)</p><p style="font-size: 14px; color: #888;">总:<@=model.TotalweightStr@>/限:<@=model.TotalweightlimitStr@>/超:<@=model.OverloadweightStr@>(吨)</p><p style="font-size: 14px; color: #888;"><@=model.ExtimeStr@></p></div><div class="weui-cell__ft"> <@ if(model.AuditingStatu == 1){ @>    <label class="text_warning">未处理</label><@ } else if(model.AuditingStatu == 3){ @> <label class="text_ok">已缴款</label><@ }@> </div></a></div></li><@ }); @>
</script><script type="text/javascript">//分页下标，出站时间戳var Datastamp = 0;//是否正在加载更多var isLoadMore = false;var arrayList = new Array();$(function() {//初始化滚动列表loaded();setTimeout(function() {//初始化数据GetLaneexlistCxcAllByExvehicleplate();}, 100);//弹出超限确认层 监听IScroll发出事件$("#tab_all").on("tap", ".showLaneexlistCxcInfo", function() {var index = $(this).attr("index");if (index) {var model = arrayList[index];//解析数据var compiled = _.template($('#LaneexlistCxcModelTpl').html());var pDiv = $('#full-speed-manager').find(".content:eq(0)");pDiv.find(".bd").remove()pDiv.append(compiled(model));//弹出超限确认层$("#full-speed-manager").popup();//显示管理头部$(".carManagerTopDiv").show()}});$(".closeCarManagerTopDiv").click(function() {//关闭超限确认层$.closePopup()//显示管理头部$(".carManagerTopDiv").hide()});});//获取数据function GetLaneexlistCxcAllByExvehicleplate() {var OcCarNumber = $("#OcCarNumber").html();if (_.isEmpty(OcCarNumber)) {//隐藏加载完毕$("#tab_all").find(".loadOverDiv").hide();//隐藏空数据图层$("#tab_all").find(".enptyDiv").hide();//显示添加车辆图层$("#tab_all").find(".enptyCarDiv").show();$("#tab_all").find(".firstLodingLi").hide();//显示添加车辆图层showCarManagerDiv();return;}//隐藏添加车辆图层$("#tab_all").find(".enptyCarDiv").hide();$.ajax({type: "POST",url: "/OffSite/GetLaneexlistCxcAllByExvehicleplate",dataType: "JSON",data: { Exvehicleplate: OcCarNumber, Datastamp: Datastamp },success: function(json) {if (json.Flag) {var List = json.List; //当前数据大小，如果小于30，说明加载完毕if (List.length == 0) {$("#tab_all").find(".firstLodingLi").hide()if (arrayList.length <= 0) {$("#tab_all").find(".enptyDiv").show();} else {$("#tab_all").find(".loadOverDiv").show();}} else {var tempDatastamp = Datastamp;//获取最后一个时间戳Datastamp = _.last(List).Datastampjson.count = arrayList.length;//解析数据var compiled = _.template($('#listTpl').html());var tab_all = $('#tab_all').find(".tab_all-weui-cells-ul");tab_all.append(compiled(json));if (tempDatastamp == 0) {//显示加载更多if (List.length >= 30) {//把加载中移动到列表末端tab_all.append($("#tab_all").find(".firstLodingLi").show());} else {//把加载中移动到列表末端tab_all.append($("#tab_all").find(".firstLodingLi").hide());//显示加载完毕$("#tab_all").find(".loadOverDiv").show();}} else {//显示加载更多if (List.length >= 30) {//把加载中移动到列表末端tab_all.append(tab_all.find(".firstLodingLi").show());} else {//把加载中移动到列表末端tab_all.append(tab_all.find(".firstLodingLi").hide());//显示加载完毕$("#tab_all").find(".loadOverDiv").show();}}arrayList.push(List);arrayList = _.flatten(arrayList);setTimeout(function() {//刷新滚动列表myScroll.refresh();//加载更多标记if (List.length >= 30) {isLoadMore = false;}}, 200);//console.log("刷新结束-----");}}},error: function() {console.log("error");$("#tab_all").find(".enptyDiv").show();isLoadMore = false;document.location.href = "/OffSite/Login";}});}var myScroll;//滚动列表初始化function loaded() {myScroll = new IScroll('#wrapper_all_tab', {mouseWheel: true,scrollbars: true,click : false, //关闭点击事件tap: true //启动tap事件}); //滚动结束监听myScroll.on('scrollEnd', function() {if (this.y <= myScroll.maxScrollY ) {if(!isLoadMore){isLoadMore = true;//console.log("isLoadMore");//加载数据GetLaneexlistCxcAllByExvehicleplate();}}});}</script>