移动端页面下拉刷新,
//content为滑动的对象,way为滑动的方向 function update(content,way){ var _start = 0, _end = 0, _content = $(content)[0]; _content.addEventListener("touchstart",touchStart,false); _content.addEventListener("touchmove",touchMove,false); _content.addEventListener("touchend",touchEnd,false); $("<div class="update">松开刷新</div>").prependTo($(content)); $(".update").css({"fontSize":"14px","text-align":"center","padding":"10px"}); $(".update").hide(); function touchStart(event){ //var touch = event.touches[0]; //这种获取也可以,但已不推荐使用 var touch = event.targetTouches[0]; if(way == "x"){ _start = touch.pageX; }else{ _start = touch.pageY; } } function touchMove(event){ var touch = event.targetTouches[0]; if(way == "x"){ _end = (_start - touch.pageX); }else{ _end = (_start - touch.pageY); //下滑才执行操作 if(_end < 0&&$(document).scrollTop()==0){ // slideDownStep1(_end); if(_end<-200){ $(".update").height((30+200)+"px") } $(".update").height((30-_end)+"px") $(".update").show(); } } } function touchEnd(event){ if(parseInt(_end) >0){ //console.log("左滑或上滑 "+_end); }else if(parseInt(_end)<0&&$(document).scrollTop()==0){ // console.log("右滑或下滑"+_end); // console.log(_end); $(".update").text("正在刷新"); $(".update").height("30px") location.reload(); //slideDownStep2(); //刷新成功则 //模拟刷新成功进入第三步 setTimeout(function(){ // slideDownStep3(); $(".update").remove(); },2500); } } }
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
- 上一篇:没有了
- 下一篇:没有了