上拉加载、下拉刷新

function pullinit(scrollDivId,contentDivId,pullDownDivId,pullUpDivId,pullDownFunc,pullUpFunc){
    var startpos,endpos;
    document.getElementById(scrollDivId).addEventListener("touchstart",function(ex){
        startpos=ex.touches.item(0).screenY;
    });
    document.getElementById(scrollDivId).addEventListener("touchmove",function(ex){
        var nowpos=ex.changedTouches.item(0).screenY;
        var nowheight=nowpos-startpos;
        if(nowheight>0){
            if(document.body.scrollTop==0){
                ex.preventDefault();
                if(nowheight<50){
                    $("#"+pullDownDivId).html('<img src="../../../img/arrow-down-mine.jpg">&nbsp;'+"下拉刷新");
                    $("#"+pullDownDivId).height(nowheight);
                }else{
                    $("#"+pullDownDivId).html('<img src="../../../img/arrow-up-mine.jpg">&nbsp;'+"释放立即刷新");
                    $("#"+pullDownDivId).height(nowheight);
                }
            }
        }else{
            if(document.body.scrollHeight<=document.body.offsetHeight+document.body.scrollTop+2){
                ex.preventDefault();
                $("#"+pullUpDivId).html("正在加载");
            }
        }
    });
    document.getElementById(scrollDivId).addEventListener("touchend",function(ex){
        endpos=ex.changedTouches.item(0).screenY;
        var finalHeight=endpos-startpos;
        if(finalHeight>0){
            if(document.body.scrollTop==0){
                if(finalHeight>50){
                    $("#"+pullDownDivId).html('<div style="text-align:center;vertical-align: middle;"><img src="../../../img/loading-mine.gif" style="margin-bottom:-7px;">&nbsp;'+"正在加载"+'</div>');
                    $("#"+pullDownDivId).height(3+"em");
                    $("#"+pullDownDivId).width("100%");
                    //下拉刷新
                    pullDownFunc();
                }
            }
        }else{
            if(document.body.scrollHeight<=document.body.offsetHeight+document.body.scrollTop+2){
                //上拉加载
                pullUpFunc();
            }
        }
        $("#"+pullDownDivId).html("");
        $("#"+pullDownDivId).height(1+"em");
        $("#"+pullDownDivId).width("100%");
    },false);
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值