The infinite scroll pattern provides a way to load content dynamically on user scrolling action.

Let’s focus on the final row (or the last element of your content):

1<div data-on-intersect="@get('/examples/infinite_scroll/more')">
2    Loading...
3</div>

This last element contains a listener which, when scrolled into view, will trigger a request. The result is then appended after it. data-on-intersect is an attribute that triggers a request when the element is scrolled into view.