开发者社区> 问答> 正文

#前端#一次性请求数据,然后滚动加载

前端#如果页面数据是一次性全部加载进来,但是只在页面上显示8条,我要滚动加载显示后面的数据,如何做,或是有什么思路

展开
收起
小旋风柴进 2016-06-01 12:45:23 2296 0
1 条回答
写回答
取消 提交回答
  •  $(window).scroll(function(){
        //当滚动到底部的时候,判断是否有8条数据,如果大于8条则显示前8条;如果小于8条,则全显示
      var scrollTop = $(this).scrollTop();
      var scrollHeight = $(document).height();
      var windowHeight = $(this).height();
    
      if(scrollTop + windowHeight == scrollHeight){//滚动到底部
                pageIndex++;
                var len=$("li.hide").length;
                //判断是否有8条数据
                if(len<=8){//如果小于等于8条,则全显示
                    $("li.scrollItem").each(function(){
                        $("li.scrollItem").removeClass("hide");
                    });
                    if(len==0){
                        $("#navigation").text("T_T没有新数据了...");
                        $("#navigation").css("border","0");
                    }
                }else if(len>8) {//大于8条
                    //显示8条
                        $("li.hide:lt(8)").removeClass("hide");
                }
      }
    2019-07-17 19:23:05
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载