也就是这样,先展示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("下拉刷新");
}
数据看量大不大;数据可以一次性加载过来;分批渲染;也可以 分批加载 和后台协商就是
13 回答12.9k 阅读
7 回答2.1k 阅读
5 回答1.4k 阅读
3 回答1.3k 阅读✓ 已解决
5 回答1.5k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
6 回答1.2k 阅读✓ 已解决
监听scroll然后进行AJAX请求。