title: ngInfiniteScroll not working with li
body: <p>ng-scroll is not working with the inner tag.But working with the window scroll.</p>
  
  <p>This is my code.</p>
  
  <p><em>Example</em></p>
  
  <pre><code>        &lt;div id="vlist" style ="height:50%;width:100%;"&gt;
             &lt;ul infinite-scroll="loadMoreVariables()" infinite-scroll-distance="2"  infinite-scroll-container="'#vlist'" style="overflow: auto;height:250px;width:100%;float:left;margin:0px;"&gt;
              &lt;li ng-repeat="variable in variables" style ="line-height: 1.5em;white-space: nowrap;padding-top: 0.25em;"&gt;
                  &lt;a style="text-decoration: none;font-size: inherit;color: inherit;cursor: pointer;"&gt;{{variable.measure}};{{variable.displayName}}&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>what can be a issue in it?</p>