In this project we'll build an infinite scrolling system using jQuery that mimics the effect seen on sites such as those mentioned earlier. We'll make a request for some data and display it on the page. Once the user has scrolled to the bottom of the page, we'll make another request for the next page of data, and so on and so forth as the user continues scrolling.
Once we've built our infinite scrolling system, we should end up with something similar to the following screenshot:
If you have a lot of data to display and it can easily be arranged in reverse-chronological order, using the infinite scrolling technique is an easy way to maximize the user experience of the page with progressive disclosure – showing incrementally more to the user.
A small subset of the data, which will make the page load quicker, as well as prevent your visitor being overwhelmed with data, can be displayed at first, which gradually increases following user interaction.
The data that...