移动端向上滑动获取下一页数据

最新推荐文章于 2022-08-11 22:40:59 发布

小糖豆巴拉巴拉

最新推荐文章于 2022-08-11 22:40:59 发布

阅读量2.7k

点赞数 1

分类专栏： javascript 文章标签： jquery 手机函数

本文链接：https://blog.csdn.net/qq_28483283/article/details/78143581

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

主要利用了jquery中的$(window).scroll

    var currentPage = 1;//初始化第一页
    /* 手机端向下滑动获取数据 */
    var scrollHeight;//记录已经向上滑动的高度
    $(window).scroll(function() {//当div向上滑动时便会执行或者这个方法
            //这是整个窗口的高度
            var windowHeight = parseFloat($(window).height());
            //列表滑动的高度
            scrollHeight = parseFloat($(window).scrollTop())
            var totalheight = windowHeight + scrollHeight;
            //$(document)代表的是列表的高度加上头部底部的高度
            //如果$(document)的高度小于了窗口的高度加上滑动的高度
            if ($(document).height() <= totalheight) {
                //如果flag是flase就不会继续请求了，比如说请求到了最后一页
                if (flag) {
                    flag=false;
                    currentPage = currentPage + 1;
                    $("#page_tag_load").show(); 
                    //getRedemList()是获取新的数据 currentPage 会加1
                    setTimeout('getRedemList(' + currentPage + ')', 1000);
                }
            }
        }
    });