title: Trigger ngInfiniteScroll correctly when using a scrolling table
body: <p>I have a table inside a bootstrap-modal which has overflow set to auto so that it scrollable. However I need to load a lot of data so I would like to implement lazy-loading using ngInfiniteScroll. I have tried using the infinite-scroll-container attribute but it's still triggering constantly. Here is a code-snippet:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="modal-body"&gt;
      &lt;table class="table" id="msds-table" ng-show="vm.modalViewLoaded" infinite-scroll="vm.log()" infinite-scroll-container='"#msds-table"'
             infinite-scroll-disabled="!vm.modalViewLoaded"&gt;
          &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;CODE&lt;/th&gt;
              &lt;th&gt;TYPE&lt;/th&gt;
              &lt;th&gt;PRODUCT&lt;/th&gt;
              &lt;th&gt;ONBOARD&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
          &lt;tr ng-repeat="sheet in vm.datasheets | filter:onboardQuery | filter: (notOnBoardOnly ? {onboard:false} : {onboard:any})"&gt;
              &lt;td&gt;{{sheet.code}}&lt;/td&gt;
              &lt;td&gt;{{sheet.type}}&lt;/td&gt;
              &lt;td&gt;{{sheet.product}}&lt;/td&gt;
              &lt;td&gt;
                  &lt;span class="checkbox"&gt;
                      &lt;input type="checkbox" data-ng-model="sheet.onboard" data-ng-value="sheet.onboard"&gt;
                  &lt;/span&gt;
                  &lt;span data-ng-show="!sheet.onboard"&gt;Click to select&lt;/span&gt;
                  &lt;us-list-select ng-model="sheet.located"
                                  data-ng-show="sheet.onboard"
                                  options="{list:vm.storageLocations}"&gt;
                  &lt;/us-list-select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;div ng-show="!vm.modalViewLoaded" style="text-align:center;padding-top:20px;"&gt;
          &lt;img src="images/ajax-loader.gif"&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any ideas?</p>