移动端 isScroll自定义实现

时间:2023-03-08 17:53:34
var scroll_flag=null;
var goodNum = 11;
var i_c = 0;
function loadInsuranceList(){

//这里写滚动出来 加载的数据
$.ajax({});
scroll_flag=false; //这个加载完,要false

}
//翻页
//获取移动的距离y
function getPosY(e){
//e=e.type.indexOf("touch")>=0?window.event.touches[0]:e;
e=e.changedTouches[0];
var y;
try{
y=e.pageY;
}catch(e){
} return y;
}
var _d=10;
function getBottom(obj){
var st=document.documentElement.scrollTop||document.body.scrollTop;
return obj.offsetHeight-document.documentElement.clientHeight-st;
}
function bindScroll(obj,fn){
var initY=0,endY=0;
obj.on("touchstart",function(e){
initY=getPosY(e);
});
obj.on("touchmove",function(e){
endY=getPosY(e);
var d=initY-endY;
if(d<0 || Math.abs(d)<_d){
return;
}
if(getBottom(obj[0])<0){
if(scroll_flag)return;
scroll_flag=true;
$('#div-loading').html('正在加载......');
setTimeout(function(){
if(fn)fn();
},500);
}
});
}
bindScroll($("#wrapper"),function(){//:eq(0)
i_c+=1,loadInsuranceList();//修改当前页数,调用加载数据的方法
});