---
title: "Ajax based pagination"
manual: "News system"
version: "main"
permalink: "https://docs.typo3.org/permalink/georgringer/news:infinitescroll@main"
source: "Tutorials/BestPractice/InfiniteScroll/Index.rst"
rendered: "2026-10-12T07:44:37+00:00"
---
# Ajax based pagination {#infinitescroll}
Using ajax for the pagination can be achieved by using little bit of JavaScript
> [!TIP]
> **Hint**
>
> There are various discussions if endless scrolling and ajax based pagination
> is actually a good idea as there are also some disadvantages as well.
This tutorial uses the implementation of [https://infinite-scroll.com/](https://infinite-scroll.com/).
**Be aware** that this code might require to buy a [license](https://infinite-scroll.com/#license)!
## Templating {#templating}
The following template can be used as a replacement of `Templates/News/List.html`
```html
```
## Configuration {#configuration}
All options are described at [https://infinite-scroll.com/](https://infinite-scroll.com/).
After the inclusion of the library the configuration can either take place in HTML directly
```html
```
or by using JavaScript
```javascript
let elem = document.querySelector('.articles');
let infScroll = new InfiniteScroll( elem, {
// options
path: '.f3-widget-paginator .next a',
append: '.article',
hideNav: '.f3-widget-paginator'
});
```