title: Load data on page scroll doesnt bot work perfectly
body: <p>I am working on page where it will load news when it will reach to the end of page.</p>
  
  <pre><code> $(window).scroll(function () {
      if ($(window).scrollTop() &gt;= $(document).height() - $(window).height() -50) {
          //if ($(window).scrollTop() &gt;= $(document).height() - 100) {
          //alert("I am loading");
          GetRecords();
      }
    });
  </code></pre>
  
  <p>Problem withe the above code it that it send multiple request to the server as i have mentione <code>&gt;=</code> in the <code>if condition</code> i tried few thing but it doesnt seem to work properlt.</p>
  
  <p>When i use <code>==</code> operation and <code>$(window).scrollTop() == $(document).height() - $(window).height()</code> it works fine on desktop but it doesn't trigger in mobile version.</p>
  
  <p>I have header &amp; footer in the page which i event didn't hide for troubleshooting but it still doesn't work properly</p>
  
  <p>Anything which i can do to fix this issue</p>