title: Lazy Load and infinitive scrolling issue in jQuery to find new height of an element with position absolute?
body: <p>I have a div element with position absolute and overflow scroll like this:</p>
  
  <pre><code>&lt;style&gt;
  .sevencov {
      position: absolute;
      width: 61.333%;
      left: 16.667%;
      top: 46px;
      bottom: 0;
      right: 0;
      overflow: auto;
  }
  &lt;/style&gt;
  
  &lt;div class="sevencov"&gt;
    &lt;a id="load-more" class="load-more" title="Load More" onclick="myFunction()"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to fire the load more button at a certain % of the div on scroll, using jQuery I tried this:</p>
  
  <pre><code>$(function () {
      var prevHeight = $('.sevencov').height();
      $('.sevencov').scroll(function () {
              var curHeight = $(this).height();          
              if ($(this).scrollTop() &gt; ($(document).height() - curHeight)*44) {
                 $('#load-more').click();
              }            
  
      });
  });
  </code></pre>
  
  <p>But the problem is that it fires multiple times because the height of my div <code>sevencov</code> is always the same and I'm not able to find a solution, what am I doing wrong?</p>