jQuery load more data on scroll

by

In jQuery, check whether you have hit the bottom of page using scroll function. Once you hit that, make an ajax call (you can show a loading image here till ajax response) and get the next set of data, append it to the div. This function gets executed as you scroll down the page again.

$(window).scroll(function() {
    if($(window).scrollTop() == $(document).height() - $(window).height()) {
           // ajax call get data from server and append to the div
    }
});

More Related Contents:

  1. Scrolling Overflowed DIVs with JavaScript
  2. Load ajax when scroll reaches 80%
  3. When I add alert('now it works'); this function works but I don't want this
  4. jQuery: load pages with ajax, caching, clean URLs and back button support
  5. Ajax cannot get success or error
  6. Referring to the triggering object in the done() block of a post() call?
  7. Loading cross-domain endpoint with AJAX
  8. How can I add a custom HTTP header to ajax request with js or jQuery?
  9. Make cross-domain ajax JSONP request with jQuery
  10. Is Safari on iOS 6 caching $.ajax results?
  11. Sequencing ajax requests
  12. What is the cleanest way to get the progress of JQuery ajax request?
  13. How do I send an AJAX request on a different port with jQuery?
  14. Upload base64 image with Ajax
  15. How to set selected value of jQuery Select2?
  16. Use variable outside the success function from an ajax/jquery call
  17. Keep input value after refresh page
  18. JQuery Ajax post parameters sometimes not sent on IE
  19. Determine if ajax call failed due to insecure response or connection refused
  20. How to select an element loaded through the jQuery load() function?
  21. Add CORS header to an http request using Ajax
  22. Difference between $.post and $.ajax?
  23. ASP.NET Parse DateTime result from ajax call to javascript date
  24. Load .txt file using JQuery or Ajax
  25. Attaching events after DOM manipulation using JQuery ajax
  26. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  27. Synchronous XMLHttpRequest on the main thread is deprecated
  28. Is there any size limitation for ajax post?
  29. Automatically scroll down chat div
  30. How to return an array from an AJAX call?

Leave a Comment