js移动端的下拉刷新,上拉加载更多。

Posted 星光下的游侠

tags:

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

function refresh(refresh, loadmore) {
    $(window).scroll(function() {
        console.log(\'正在滑动f\');

        //滚动条距离顶部的高度
        var scrollTop = $(this).scrollTop(); 
        //当前页面的总高度
        var scrollHeight = $(document).height(); 
        //当前可视的页面高度
        var clientHeight = $(this).height(); 
        // console.log("top:" + scrollTop + ",doc:" + scrollHeight + ", client:" + clientHeight);

        //距离顶部+当前高度 >=文档总高度 即代表滑动到底部 count++; 
        //每次滑动count加1
        if (scrollTop + clientHeight >= scrollHeight){ 
            //调用筛选方法,count为当前分页数
            // filterData(serviceTypeId, industryId, cityId, count); 

            console.log(\'下拉\');
            if (loadmore) {
                loadmore();
            }
        } else if (scrollTop <= 0) {
            //滚动条距离顶部的高度小于等于0 TODO
            //alert("下拉刷新,要在这调用啥方法?");

            console.log(\'上拉\');
            if (refresh) {
                refresh();
            }
        }
    });
}
var fn1, fn2;
refresh(fn1, fn2);

 

 

 

 

原文:https://www.cnblogs.com/handsomeBoys/p/6557839.html

以上是关于js移动端的下拉刷新,上拉加载更多。的主要内容,如果未能解决你的问题,请参考以下文章

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

Flutter listview下拉刷新,上拉加载更多封装

vue2.0 移动端,下拉刷新,上拉加载更多 插件

使用MUI框架,模拟手机端的下拉刷新,上拉加载操作。

vue2.0 移动端,下拉刷新,上拉加载更多插件,修改版

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