• 懒加载数据



    // 滚动加载数据
    var g_datas_index = 1 // 业务代码 可忽略
    $(window).scroll(function(){
    var scrollTop = $(this).scrollTop()
    var scrollHeight = $(document).height()
    var windowHeight = $(this).height()
    if(scrollTop + windowHeight == scrollHeight){ // 相等代表已滚动到底
    // 下面执行到底后想要执行的操作
    g_datas_index = g_datas_index + 1
    processContent(unionid, up_list, g_datas_index)
    }
    })




    // 滚动加载数据 滚动条的一半就加载数据,向上滑动不加载数据
    var g_datas_index = 1;
    var g_lazy_status = 0;
    var g_top = 0;
    $(window).scroll(function(){
    var scrollTop = $(this).scrollTop();
    var scrollHeight = $(document).height();
    var windowHeight = $(this).height();

    if(scrollTop + windowHeight >= scrollHeight / 2 && g_lazy_status == 0 && scrollTop > g_top){
    // 记录本次高度
    g_top = scrollTop;
    // 修改状态,为 1 时不加载数据
    g_lazy_status = 1;
    g_datas_index = g_datas_index + 1;
    console.log(g_datas_index);
    lazy_loading(g_datas_index);
    }
    });
    // lazy_loading 函数里需要更改懒加载状态 g_lazy_status = 0,再次滑动符合条件即可再次加载数据
  • 相关阅读:
    160-三个用户同时登录,是怎么实现多线程的?
    159-如何解决缓存穿透?
    158-为什么会引发缓存穿透?
    存储emoji表情,修改字符集为utf8mb4
    java相差小时数
    pom.xml解释
    前端 跨域
    java 获取的是本地的IP地址
    是否超时
    发送验证码
  • 原文地址:https://www.cnblogs.com/yanruizhe/p/15146213.html
Copyright © 2020-2023  润新知