title: Height causes issue in div tag in ng Infinite Scroll
body: <p>I am using NIS to make endless scrolling, I implemented and it works fine except one issue. Like I am using <code>float: left</code> to maintain the div tag. But after using <code>float</code> it sends multiple request at a time, but when I remove <code>float:left</code> it sends single request which I want.</p>
  
  <p>I am getting 20 results at a time from server</p>
  
  <p>I don't have public URL to give example on JsFiddle or Plunker.</p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
    &lt;head&gt;
    &lt;script type="text/javascript" src="js/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/angular/lib/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/angular/lib/ng-infinite-scroll.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/angular/customjs/endless_scroll.js"&gt;&lt;/script&gt;
      &lt;style type="text/css"&gt;
      .test{
        float:left;
      }
      &lt;/style&gt;
    &lt;/head&gt;
  
    &lt;body ng-app="myApp"&gt;
      &lt;div ng-controller='DemoController'&gt;
        &lt;div id="scroll" infinite-scroll='reddit.nextPage();' 
        infinite-scroll-container="'scroll'"
        infinite-scroll-disabled='reddit.stopscript'   
        infinite-scroll-distance='2'&gt;             
  
        &lt;div ng-repeat='item in reddit.items'&gt;
             &lt;div class="test"&gt;
             &lt;div style="height:30px;width:200px; border-style:solid;border-width:medium;"&gt;{{item.bookmark_id}}&lt;/div&gt;
            &lt;div style="height:100px;width:200px; border-style:solid;border-width:medium;"&gt;{{item.bookmark_title}}&lt;/div&gt;
        &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div ng-show='reddit.busy'&gt;Loading data...&lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is my controller</p>
  
  <pre><code>var myApp = angular.module('myApp', ['infinite-scroll']);
  
  myApp.controller('DemoController', function ($scope, Reddit) {
    $scope.reddit = new Reddit();
  });
  
  myApp.factory('Reddit', function ($http) {
    var Reddit = function () {
     this.items = [];
     this.busy = false;
     this.stopscript = false;
    };
  
  Reddit.prototype.nextPage = function () {
  
    if (this.busy){
     return;
    }
   else{
      this.busy = true;
  
   var url = "http://example.com/get_recent_articles/";   
    $http.get(url).success(function (data) {
      if (data.recently_added.bookmarks.length == 0) {
  
          this.stopscript = true;
      }
      else {               
          this.items.push.apply(this.items, data.recently_added.bookmarks);             
       }
       this.busy = false;
      }.bind(this));
     }
   }; 
   return Reddit;
  });
  </code></pre>
  
  <p>Can anybody help me to resolve this issue?</p>
  
  <p><em>Thank You.</em></p>