javascript - AngularJS ngInfiniteScroll keeps firing as I scroll up -


my upwards scrolling triggers infinitesubjects(). should trigger while scrolling downward. i've looked many posts haven't figured out solution. i've tried messing around infinite-scroll-disabled. tried sticking 1003px height <div> in different places @ bottom take space. no dice. :/

<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 controller:

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

i've gone inside ng-infinite-scroll.js file see heights scrolling adding 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); 

when page loads:

windowbottom 1194 element bottom 1194 remaining 0 

i don't think window bottom , element bottom should same starting out. why this?

as scroll down, remaining increment -100 scroll up, remaining increment 100, never becomes positive since page starts @ 0

after more digging around so, came across person's answer on similar post: nginfinitescroll - loadmore() method gets called on every mouse-scroll

all needed specify <!doctype html> @ top of html.


Comments

Popular posts from this blog

qt - Using float or double for own QML classes -

Create Outlook appointment via C# .Net -

ios - Swift Array Resetting Itself -