当我向上滚动时，AngularJS的nginfinitesscroll会一直触发

我向上滚动触发我的infiniteSubjects()。但它应该只在向下滚动时触发它。我已经看了很多帖子，但还没有找到一个解决方案。我试过用infinite-scroll-disabled。还尝试在底部的不同地方粘贴1003px高度的<div>来占用空间。不行。:/

<div ng-app="mainApp" ng-controller="gridController" class="container">
    <div class="row" infinite-scroll="infiniteSubjects()" infinite-scroll-distance="0" >
        <div ng-repeat="subject in (filteredSubjects = (allSubjects | orderBy:subjectOrder | limitTo:subjectLimit))">
            <div class="col-md-2 subject-card">
                {{ subject.name }}
             ..more divs in here..
            </div>
        </div>
    <div style="clear:both; height:1003px;"> </div>
    </div>
</div>

Inside my controller:

$scope.infiniteSubjects = function() {
    console.log("scrolling");
    $scope.subjectLimit += 1;
};

我还进入了ng-infinite-scroll.js文件，通过添加一些console.logs

windowBottom = $window.height() + $window.scrollTop();
console.log("WINDOWBOTTOM " + windowBottom);
elementBottom = elem.offset().top + elem.height();
console.log("ELEMENT BOTTOM" + elementBottom);
remaining = elementBottom - windowBottom;
console.log("REMAINING" + remaining);

页面加载时:

WINDOWBOTTOM 1194
ELEMENT BOTTOM 1194
REMAINING 0

我不认为窗口的底部和元素的底部应该是相同的开始。他们为什么会这样?

当我向下滚动，我的remaining将增加-100当我向上滚动时，我的remaining将增加100，但它永远不会变为正数，因为页面从0