iscroll-probe实现下拉刷新和下拉加载效果

2024-02-17 21:33:03 53

.dengl-spinner{ width:0.682rem; height:0.682rem; position:relative; position:absolute; z-index:-1; left:50%; margin-left:-0.341rem; top:2.5rem; } .dengl-spinner1{ width:0.682rem; height:0.682rem; position:relative; position:fixed; z-index:-1; left:50%; margin-left:-0.341rem; bottom:1.5rem; } .dengl-cube1,.dengl-cube2{ background-color:#f2513f; width:0.682rem; height:0.682rem; position:absolute; top:0; left:0; -webkit-animation:cubemove1.8sinfiniteease-in-out; animation:cubemove1.8sinfiniteease-in-out; } .dengl-cube2{ -webkit-animation-delay:-0.9s; animation-delay:-0.9s; } @-webkit-keyframescubemove{ 25%{ -webkit-transform:translateX(1rem)rotate(-90deg)scale(0.5) } 50%{ -webkit-transform:translateX(1rem)translateY(1rem)rotate(-180deg) } 75%{ -webkit-transform:translateX(0px)translateY(1rem)rotate(-270deg)scale(0.5) } 100%{ -webkit-transform:rotate(-360deg) } } @keyframescubemove{ 25%{ transform:translateX(1rem)rotate(-90deg)scale(0.5); -webkit-transform:translateX(1rem)rotate(-90deg)scale(0.5); } 50%{ transform:translateX(1rem)translateY(1rem)rotate(-179deg); -webkit-transform:translateX(1rem)translateY(1rem)rotate(-179deg); } 50.1%{ transform:translateX(1rem)translateY(1rem)rotate(-180deg); -webkit-transform:translateX(1rem)translateY(1rem)rotate(-180deg); } 75%{ transform:translateX(0px)translateY(1rem)rotate(-270deg)scale(0.5); -webkit-transform:translateX(0px)translateY(1rem)rotate(-270deg)scale(0.5); } 100%{ transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } }

varindex=2,size=10; $(function(){ $.qr.ajax('UserCenter/myJdAndMl',{token:$.qr.gettoken()},function(d){ varvm1=newVue({ el:'#top_1', data:{ money:d.data_single.money } }); varvm2=newVue({ el:'#top_2', data:{ earnings:d.data_single.earnings, has_catfood:d.data_single.has_catfood, not_catfood:d.data_single.not_catfood } }); }); varmyScroll=newIScroll('#wrapper',{ mouseWheel:false, bounceTime:1000, bounceLock:true, probeType:3 }); varhandle=0; myScroll.on('scroll',function(){ if(this.y>50){ handle=1; }elseif(this.y<(this.maxScrollY-50)){ handle=2; }; }); myScroll.on('scrollEnd',function(){ if(handle==2){ add(index,size); }elseif(handle==1){ add(1,size); } handle=0; myScroll.refresh(); }); document.addEventListener('touchmove',function(e){e.preventDefault();},false); add(1,size); }); functionadd(pindex,psize){ $.qr.ajax('UserCenter/maoliangRecordList', {token:$.qr.gettoken(),pagesize:psize,pageindex:pindex},function(d){ var_h=''; if(pindex!=1&&d.data_list.data_list.length>0)index++; if(d.data_list.data_list.length==0)returnfalse; $(d.data_list.data_list).each(function(i,j){ _h+='

'; _h+=''+j.name+''; _h+=''+j.num+''; _h+=''+j.time+''; _h+='

'; }); if(pindex==1)$('#all').empty(); $('#all').append(_h); },false); }

iscroll-probe实现下拉刷新和下拉加载效果

热门推荐

随机推荐