jquery移动端分页上拉加载

最新推荐文章于 2021-07-26 16:57:30 发布

qwguanbin

最新推荐文章于 2021-07-26 16:57:30 发布

阅读量936

点赞数

文章标签： js jquery

本文链接：https://blog.csdn.net/qwguanbin/article/details/107305322

版权

$(function(){
    let pageNo = 1 //定义页数
    let pageSize = 10 //定义加载条数
    showDate() //执行加载数据函数第一页
    //滚动条触底判断
    $(window).scroll(function(){
        let scrollTop = Math.ceil($(this).scrollTop()) //滚动条与顶部的高度
        let curHeight = $(this).height() //当前可视页面高度
        let totalHeight = $(document).height() //页面的总高度
        if(scrollTop+curHeight>=totalHeight){
          showDate(pageNo++)
        }
    })

    function showDate() { //加载数据函数 }
})