Infinite Scrolling
Load more content as the user scrolls.
What Is Infinite Scrolling?
Infinite scrolling loads more content automatically as the user nears the bottom of a list, instead of requiring a Next Page click. Social feeds and search results commonly use it.
The Sentinel Pattern
The cleanest technique uses a sentinel: an empty element placed at the end of the list. When the sentinel scrolls into view, you fetch and append the next batch.
// Markup pattern:
// <ul id="feed"> ...items... </ul>
// <div id="sentinel"></div> <!-- trigger element -->