7***@qq.com
7***@qq.com
  • 发布:2017-02-09 18:03
  • 更新:2017-02-09 18:03
  • 阅读:2898

上拉加载和返回顶部同时使用,安卓手机上可以ios不行

分类:MUI

mui.init({
pullRefresh: {
container: '#pullrefresh',
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
var pageNum = 0;//初始页码
/**

  • 上拉加载具体业务实现
    /
    function pullupRefresh() {
    setTimeout(function() {
    if(pageNum > 0){
    var newList = new Array();
    for(var i=0;i<10;i++){
    if((pageNum
    10) + i < mainDataList.length){
    newList.push(mainDataList[(pageNum * 10) + i]);
    }
    }
    pageNum += 1;
    var data = {list: newList};
    var tpl = document.getElementById('div_demo').innerHTML; //读取模版
    laytpl(tpl).render(data.list, function(render){
    $("#OA_task_1").append(render);
    });
    bindDel(data.list);
    $(".shenqing").click(function(e){
    var id = e.currentTarget.childNodes[1].childNodes[1].innerHTML
    localStorage.setItem("WSD_ZX_FAQI_ID",id);
    localStorage.setItem("detailType","purchasse");
    WsdOpen("wsd_pur_applydet.html");
    })
    }
    mainDataList = mainDataList || [];
    mui('#pullrefresh').pullRefresh().endPullupToRefresh(pageNum>(mainDataList.length/10)); //参数为true代表没有更多数据了。
    }, 1500);
    }
    if (mui.os.plus) {
    mui.plusReady(function() {
    setTimeout(function() {
    mui('#pullrefresh').pullRefresh().pullupLoading();
    }, 1000);

        });  
    } else {  
        mui.ready(function() {  
            mui('#pullrefresh').pullRefresh().pullupLoading();  
        });  
    }  

上面是上拉加载的方法

下面是返回顶部的方法

document.getElementById("back_top").addEventListener("tap",function(){  
    $('html,body').animate({  
        'scrollTop': 0},  
    400);  
 });
0 关注 分享

要回复文章请先登录注册