原生js,实现上拉加载--下拉刷新

骑猪看日落 2023-05-31 07:21 44阅读 0赞

//-------

-------上拉加载更多---------------
    							        //获取滚动条当前的位置 
    							        function getScrollTop() {
    							            var scrollTop = 0;
    							            if(document.documentElement && document.documentElement.scrollTop) {
    							                scrollTop = document.documentElement.scrollTop;
    							            } else if(document.body) {
    							                scrollTop = document.body.scrollTop;
    							            }
    							            return scrollTop;
    							        }
    							
    							        //获取当前可视范围的高度 
    							        function getClientHeight() {
    							            var clientHeight = 0;
    							            if(document.body.clientHeight && document.documentElement.clientHeight) {
    							                clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
    							            } else {
    							                clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
    							            }
    							            return clientHeight;
    							        }
    							
    							        //获取文档完整的高度 
    							        function getScrollHeight() {
    							            return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
    							        }
    							        
    							        //滚动事件触发
    							        window.onscroll = function() {
    							            if(getScrollTop() + getClientHeight() == getScrollHeight()) {
    											page.pageNo += 1; 
    										getStoreList(modle);  //这个是你们的获取数据的列表
    										
    							                            }
    							        }