也就是这样,先展示5条数据,然后滑动时往后添加数据,无滑动条显示,
mui 有一个插件pullRefresh 上拉加载更多;
下面是自己写的代码
$(window).scroll(function(){
var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度
var totalHeight = $(document).height(); //当前页面的总高度
var sevicewHeight = $(this).height(); //当前可视的页面高度
//console.log("scrollTop:"+scrollTop+"px")
//console.log("totalHeight:"+totalHeight+"px")
//console.log("windowHeight:"+sevicewHeight+"px")
if(scrollTop + sevicewHeight >= totalHeight){
alert("上拉加载");
}else if(scrollTop<=0){
alert("下拉刷新");
}
数据看量大不大;数据可以一次性加载过来;分批渲染;也可以 分批加载 和后台协商就是
10 回答11.7k 阅读
2 回答3.2k 阅读✓ 已解决
5 回答2.2k 阅读
3 回答1.7k 阅读✓ 已解决
5 回答810 阅读
4 回答2.2k 阅读✓ 已解决
3 回答1.2k 阅读✓ 已解决
监听scroll然后进行AJAX请求。