• 上拉加载 angular


    var obj = {page:1};//默认获取商品列表时传入参数,为第一页

    var flag = true;

     

    function order_list(options){

      var requestParams = {

      userId:sessionStorage.getItem("userId"),

      rowSize : 10,

      page : options.page,

    };

      var params = {

      url: configHttp+'order/list.do',

      method: 1,

      requestParams: requestParams,

      isShowLoading: false

    };

    sx.startRequest({

      params: params,

      success: function(res) {

      if(res && res.result_code == 1) {

      $scope.instances= res.object.instances;

      if($scope.instances.length == 0){

        $(".loading").html("暂无更多结果");

      }else if($scope.instances.length <10){

        $(".loading").html("暂无更多结果");

        for(var i in $scope.instances){

        $scope.data.push($scope.instances[i]);

      };

      }else{

        for(var i in $scope.instances){

        $scope.data.push($scope.instances[i]);

      };

      obj.page = obj.page+1;

      flag = true;

      $(".loading").html("加载更多");

    }

      $scope.$apply();

    }else{

      sixin.toast({message: "商品获取失败", type:"0"});

    };

    }

    })

    }

     

     

    //控制回到顶部按钮的显隐及加载更多

    $(window).on("scroll",function(){

      var windowBottom =$(window).scrollTop();

      var eleBottom = $(".orderList").offset().top+$(".orderList").height();

      remaining = windowBottom + $(window).height() + 50 - eleBottom;

      var shouldScroll = remaining>0?true:false;

      if(shouldScroll && flag){

        flag = false;

        order_list(obj);

      };

    });

  • 相关阅读:
    select和epoll原理和区别
    linux网络编程中的基本概念
    linux 基本概念
    进程与线程(1)- 基本概念
    CI持续集成
    git基本操作(入门)
    pytest特色与实用插件
    使用pabot并行执行robotframework用例
    如何编写测试用例
    前端_vue-cli+element-ui+AceEditor+codemirror+electron-vue
  • 原文地址:https://www.cnblogs.com/zyzhao/p/6041612.html
Copyright © 2020-2023  润新知