Guides / Building Search UI / UI & UX patterns

Infinite Scroll with InstantSearch iOS

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 this is as easy as setting the attribute infiniteScroll of a Hits widget to true.

Go further than 1000 hits

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

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

Disabling the limit doesn’t mean that you can 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?