1

我在 AngularJS 中为特定容器使用ngInfiniteScroll 。

简单的例子

html

 <div id="containerInfiniteScroll" class="container">
    <div infinite-scroll="next()" infinite-scroll-disabled="disabled" infinite-scroll-distance="1" infinite-scroll-container='"#containerInfiniteScroll"'>
           <div class="row">
                 <div  class="col-xs-12 col-sm-12 col-lg-12">
                    <span  data-ng-repeat="el in elements | limitTo:limit">
                        {{el}}
                    </span>
                </div>
           </div>
    </div>
</div>

css

.container{overflow-y:scroll;}

js

//Varibles... 
$scope.elements = ['element1','element2','element3','...','elementn'];
$scope.limit=50;
$scope.disabled = false;

//Function that infinte-scroll calls:
$scope.next = function(){
        $scope.limit=$scope.limit+50;
        $scope.disabled = $scope.limit>=elements.length;
    };

ngInfiniteScroll对内容按 预期contentInfiniteScroll工作。除了这种情况...

  • 如果页面的滚动条（不是容器的滚动条）位于底部，则不要收取更多元素。

只有在这种情况下不起作用......

我究竟做错了什么？是我，还是我需要修饰库 ngInfiniteScroll.js？

谢谢你。

4

0 回答 0