Javascript AngularJS ngInfiniteScroll在我向上滚动时不断开火
向上滚动会触发我的Javascript AngularJS ngInfiniteScroll在我向上滚动时不断开火,javascript,angularjs,infinite-scroll,nginfinitescroll,Javascript,Angularjs,Infinite Scroll,Nginfinitescroll,向上滚动会触发我的无限子对象()。但它应该只在向下滚动时触发它。我已经看过很多帖子,但还没有找到解决办法。我尝试过在禁用无限滚动的情况下乱搞。还尝试在底部的不同位置粘贴1003px高度的,以占用空间。没有骰子/ <div ng-app="mainApp" ng-controller="gridController" class="container"> <div class="row" infinite-scroll="infiniteSubjects()" infin
无限子对象()。但它应该只在向下滚动时触发它。我已经看过很多帖子,但还没有找到解决办法。我尝试过在禁用无限滚动的情况下乱搞。还尝试在底部的不同位置粘贴1003px高度的
,以占用空间。没有骰子/
<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>
我还进入了ng infinite scroll.js
文件,通过添加一些console.log来查看滚动时的高度
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
我不认为窗口底部和元素底部在开始时应该是相同的。他们为什么会这样
向下滚动时,剩余的将增加-100
当我向上滚动时,我的剩余的将增加100
,但它永远不会变为正值,因为页面从0开始,因此,我在一篇类似的帖子上看到了另一个人的答案:
我所需要做的就是在html的顶部指定
。是!它解决了我的问题!整整24小时的噩梦!谢谢
WINDOWBOTTOM 1194
ELEMENT BOTTOM 1194
REMAINING 0