jquery实现上拉加载更多

Posted summer0319

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery实现上拉加载更多相关的知识,希望对你有一定的参考价值。

 1 let scrollEvent = ‘scroll.‘ + Date.now();
 2 let touchmoveEvent = ‘touchmove.‘ + Date.now();
 3 SSpa.onModEvents(‘invitation/list‘,{
 4     ready: _=>{
 5         initVue()
 6     },
 7     isShow: _=>{
 8         Vm && Vm.init()
 9         let title = ‘我的邀请‘
10         hybirdApp.setTitle(title)
11         document.title = title
12 
13         let screenH = document.documentElement.clientHeight;
14         function loadMore() {
15             let lastItem = $(Vm.$el).find(‘table‘)[0];
16             let lastBot = lastItem ? lastItem.getBoundingClientRect().bottom : 0;
17             if(lastItem && lastBot-screenH<=0) {
18                 if(Vm.hasNextPage){
19                     Vm.queryDate(Vm.nextPage);
20                 }
21             }
22         }
23         $(document).on(scrollEvent + ‘ ‘ + touchmoveEvent, window.Util.debounce(function(){
24             if(Vm.hasNextPage){
25                 loadMore();
26             }
27         }));
28 
29     }
30 })

 

以上是关于jquery实现上拉加载更多的主要内容,如果未能解决你的问题,请参考以下文章

JS或者jquery的上拉加载和下拉刷新是怎么实现的

iOS 下拉刷新和上拉加载更多效果原理

JQuery代码实现上拉加载

上拉加载实现

Android开发之头部悬浮的上拉加载,下拉刷新的列表

uniapp实现上拉加载更多及下拉刷新(假数据版)