title: strange behavior ember infinity addon
body: <p>I try to implement ember-infinity add-on in my app,</p>
  
  <p>So I updated my Api to return the same meta uses by the add-on, but the behavior is strange.</p>
  
  <p>I expect the first <code>n</code> records display on my div, and when I go to the bottom it fires the next request with others 20 records.</p>
  
  <p>But it doesn't happen, </p>
  
  <p>When I request my index page, the add-on start to fire <code>x</code> requests depending of the <code>total_pages</code> number, and this is the strange parts, I don't understand why fire all the request automatically, maybe is the ember version?.</p>
  
  <p><a href="https://i.stack.imgur.com/dROIk.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dROIk.gif" alt="fires events when start"></a></p>
  
  <p><a href="https://i.stack.imgur.com/ASalU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ASalU.png" alt="fires x during the load"></a></p>
  
  <p>To clarify my issue, here is my code.</p>
  
  <p><em>Meta API</em></p>
  
  <pre><code>"meta": {
          "page": 3,
          "per_page": 20,
          "total_pages": 3,
          "total_records": 58
      }
  </code></pre>
  
  <p><em>ember route</em></p>
  
  <pre><code>// route/index.js
  import Ember from 'ember';
  import InfinityRoute from "ember-infinity/mixins/route";
  
  export default Ember.Route.extend(InfinityRoute, {
      model() {
          return this.infinityModel('trademark', {perPage: 20, startingPage: 1});
      }
  });
  </code></pre>
  
  <p><em>template index</em></p>
  
  <pre><code>&lt;div class="row" id='list-trademarks'&gt;
  {{#each model as |trademark|}}
      &lt;div class="col s12 m6 l4"&gt;
        &lt;div class="card small" style='padding-top: 0 !important; margin-top: 0 !mportant'&gt;
  
             {{card-limit-display relCards=trademark.marcanet title=trademark.title panref=trademark.id total=trademark.relatedTotal}}
  
          &lt;div class="card-reveal"&gt;
            &lt;span class="card-title grey-text text-darken-4"&gt;{{trademark.title}} similares.&lt;i class="material-icons right"&gt;close&lt;/i&gt;&lt;/span&gt;
            {{card-hidden hiddenCards=trademark.marcanet}}
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  {{/each}}
  {{infinity-loader infinityModel=model  destroyOnInfinity=true}}
  &lt;/div&gt;
  </code></pre>
  
  <p><em>Ember info</em></p>
  
  <pre><code>DEBUG: Ember           : 2.4.5
  DEBUG: Ember Data      : 2.5.2 
  DEBUG: jQuery          : 2.2.3
  </code></pre>
  
  <p>I'm following the <a href="https://github.com/hhff/ember-infinity/blob/master/README.md%20README" rel="nofollow noreferrer">README</a> but I can't get it works.</p>