微页面下拉加载数据

下拉加载

first method:

      // 滚动到页面底部加载数据
            $scope.page_init = function() {
                 $(window).scroll(function() {
                        var bot = 50; //底部距离的高度
                        if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())&&$scope.res_params.weike.data_num==$scope.res_params.weike.limit) {
                            if (!$scope.is_loading && !$scope.no_data) {

                                 $scope.res_params.weike.page++;
                                 $scope.res_params.weike.data_num=0;

                                  $scope.get_res_list($scope.res_params.weike);//调用列表接口数据
                          }
                      }
                  });
            }

second method:

     $scope.page_init = function() {
                $("#live_details").scroll(function () {//父元素div
                    var topic_wrap = $('#mianCourse');//装列表数据的div
                    var win_h = $(window).height();
                    var scroll_top = $(this).scrollTop();
                    if ((topic_wrap.height() - win_h - scroll_top < 50)) {
                        if(!$scope.is_loading && !$scope.no_data){
                           $scope.res_params.weike.page++;

                            $scope.get_res_list($scope.res_params.weike);//调用列表接口数据
                        }
                    }
                });
            }

notice:

1. $(“#live_details”) 父级div 的浮动： overflow:auto;
2. $(‘#mianCourse’);子级的高度不能写死，否则没法把父级撑开
3. 比如bottom：1.5rem，是不对的