当前位置: 首页 > Web前端 > JavaScript

原生下拉刷新

时间:2023-03-26 22:50:02 JavaScript

下拉刷新11111

11111
//获取到操作的DOM元素varcontent=document.querySelector(".content");varpullRefresh=document.querySelector(".pullRefresh");变量开始Y,结束Y;content.addEventListener("touchstart",function(e){startY=parseInt(e.changedTouches[0].pageY);});content.addEventListener("touchmove",function(e){endY=parseInt(e.changedTouches[0].pageY);if(endY-startY>0){content.style.marginTop=endY-startY+"px";pullRefresh.style.height=endY-startY+"px";}});content.addEventListener("touchend",function(e){endY=parseInt(e.changedTouches[0].pageY);if(endY-startY>200&&(window.pageYOffset===0||document.documentElement.scrollTop===0)){pullRefresh.innerHTML="loadmiddle";content.style.marginTop="50px";pullRefresh.style.height="50px";setTimeout(function(){pullRefresh.innerHTML="加载成功";setTimeout(function(){content.style.marginTop="0";pullRefresh.style.height="0";},1000)},2000);}else{console.log("垃圾箱宽度不够");content.style.marginTop="0";pullRefresh.style.height="0";}});