JS在移动端实现无限加载分页功能

varpage=1;//当前页的页码
 varflagNoData =false;//false
 varallpage;//总页码，会从后台获取
 functionshowAjax(page){
 $.ajax({
 url:"",
 type:"",
 data:"",
 success:function(data){
 //要执行的内容
 showContent();
 if(page>=data.allpage){//当前页码大于等于总页码
 flagNoData =true;
 };
 page+=1; //页数加1
 }
 })
 }
 functionscrollFn(){
 //真实内容的高度
 varpageHeight = Math.max(document.body.scrollHeight,document.body.offsetHeight);
 //视窗的高度
 varviewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;
 //隐藏的高度
 varscrollHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
 if(falgNoData){//数据全部加载完了
 return;
 }elseif(pageHeight - viewportHeight - scrollHeight < 10){ //如果满足触发条件，执行
 showAjax(page);
 }
 }
 $(window).bind("scroll",scrollFn); //绑定滚动事件