Examples Infinite scroll

Infinite scroll

In this example, we use a third party library that allows us to detect when an element becomes available.

Important: you need a polyfill for some browsers. Make sure you check out the explanations here.

For this to work we do 2 things:

1. We ask the results component to stack results
2. We introduce a dummy div at the bottom that will increase the page number when it becomes visible

See the Pen Vue InstantSearch - Infinite Scroll example by Raymond Rutjes (@rayrutjes) on CodePen.