AngularJS：容器中的无限滚动

Question

我在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;
    };

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

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

在这种情况下只有不能工作 ......

我做错了什么？是我，或者我需要修饰library ngInfiniteScroll.js？

谢谢。