title: ngInfiniteScroll - loadMore() method gets called on every mouse-scroll
body: <h2><em>Solution below on the comments.</em></h2>
  <p><strong>Problem</strong>: My loadMore() method gets executed on every container's scroll.</p>
  <p><strong>Meaning</strong>: loadMore() gets executed on each mouse scroll of the parent container (<code>infinite-scroll-parent=&quot;true&quot;</code>)</p>
  <p><strong>Desired result</strong>: to get loadMore() execute only when infiniteScrollDistance meets its conditions, instead of any tinny scroll I do.</p>
  <p>My code is highly inspired by the <a href="http://sroze.github.io/ngInfiniteScroll/demo_basic.html" rel="noreferrer">demo_basic</a> &amp; <a href="http://sroze.github.io/ngInfiniteScroll/demo_async.html" rel="noreferrer">demo_async</a>.</p>
  <p>My app is a photos gallery.
  I load the photos by ajax call, and populate them into a thumbnail directive repeater.
  I disable ng-Infinite-Scroll on controller initialization, and enable it on callback success.</p>
  <pre><code>    &lt;div class=&quot;thumbnails grid__item page--content&quot;&gt;
              &lt;div id=&quot;gallery&quot; class=&quot;unstyled-list&quot; 
                      infinite-scroll='loadMore()' 
                      infinite-scroll-disabled='album.busy' 
                      infinite-scroll-parent=&quot;true&quot; 
                      infinite-scroll-immediate-check=&quot;false&quot; 
                      infinite-scroll-distance='2'&gt;
                      &lt;my-photo-directive ng-repeat=&quot;photo in photos&quot;&gt;&lt;/my-photo-directive&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>My coffee code has no surprises.
  It's logic is unimportant, because if I place a simple console.log, the problem still occurs.....</p>
  <pre><code>    $scope.album.busy = true
      $scope.loadMore = -&gt;
              $scope.$apply -&gt;
                      $scope.album.busy = true
              console.log('loadMore() been executed here')
  </code></pre>
  <p>My thumbnail directive is the same. No surprises, moment last photos gets populated onto the repeater, I enable the component.</p>
  <pre><code>    app.directive 'myPhotoDirective', ['$window', ($window) -&gt;
          return {} =
              ....
              link: (scope, element, attrs) -&gt;
                  if scope.$last
                      scope.album.busy = false
  </code></pre>
  <p>I got no idea what i'm missing or doing wrong.
  I hope someone will be here to help me.</p>
  <p>Thank you.</p>