Concepts / Building Search UI / Infinite scroll
May. 10, 2019

Infinite Scroll

Infinite Scrolling

A common pattern when browsing results on mobile is having an infinite scroll by loading results as the user scrolls through the list of results. With InstantSearch it amounts to setting the attribute infiniteScroll of a Hits widget to true.

Example

Infinite scroll

Go further than 1000 hits

By default Algolia limit the number of hits you can retrieve for a query to 1000; when doing an infinite scroll, you usually want to go over this limit.

1
2
3
$index->setSettings([
  'paginationLimitedTo' => 1000
]);

Disabling the limit does not mean that we will be able to go until the end of the hits, but just that Algolia will go as far as possible in the index to retrieve results in a reasonable time.

Did you find this page helpful?