微信小程序实现移动端滑动分页效果(AJAX)

一般来说,在PC机中,我们希望通过寻呼来实现,并且当手机达到一定程度时会自动加载。



实现思路:先加载一些数据。当滑动到可见的元素时,如果有数据,则将新的发送请求添加到当前页中。


*
*
*
* /


确定是否要进入可视区域元素
功能见(objlilast){
可见区域/浏览器的高度
var = document.documentelement.clientheight;
滚动滑动距离
无功winscroll =美元(这)ScrollTop();
浏览器顶部的//距离
无功lastlisee = $(objlilast)。偏移(顶部);
返回lastlisee <(见+ winscroll)真的假的;
}
第一页的默认页码。
var页面= 1;
获取总页数
无功pagetotal = parseInt($(' # allpage)。瓦迩()));
如果一个ajax开关请求;
VaR的=真;
$(窗口)。滚动(函数(){)
拖动滚动条,如果切换到发送Ajax
$('。topicbox)。每个(函数(){)
最后,一个div引用
无功lastli = $('。topicbox:最后的);
是否输入可视区域功能
无功issee =看(lastli);
如果(issee开关页pagetotal )在{ / /元素可见底,开关拉下来
/ / $(' # loadnext ')(显示); / /加载图标显示
开关= false;
$ ajax({
网址: / getpagedata,
类型:' ',
DataType:'json,
数据:{
页面:页面+ 1
},
Asyc:假,
成功:函数(结果){
如果(result.status = = ''成功'){
VaR数据= result.result;
对于(var i = 0;i < data.length;i++){
执行编码…
};
}
/ / $(' # loadnext ')(隐藏); / /隐藏加载
开关=真;
页+;
}
});

}
});
});




以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。