The standard WordPress search navigation
Search results are usually displayed as pages. If a page size is 20 results, and a search returns 100 results, then 5 pages will be required to displays all the results.
To navigate back and forth among all the pages, a navigation bar containing all pages hyperlinks is often created a the bottom of each page.
The Infinite Scroll search navigation
Infinite Scroll displays a first page of results. Then, when the user scrolls down and reaches the end of the results, another set of results is inserted below.
And so on: as long as the user scrolls down, new results are displayed, without navigating to another page. This gives a very smooth sensation, as results appear without any transition as when navigating from one page to another.
For that “single page” effect, an Infinite Scroll javascript code calls the WordPress php server (Ajax call), then inserts the results inside the HTML code of the page (often with some jQuery).
An image is used as “loader”, to notify that the search is currently extracting new results.
Activate the Infinite Scroll search navigation (WPSOLR PRO)
This option will activate the Infinite Scroll, and hide the classic navigation bar, but only in the Ajax search mode.
Troubles with the Infinite Scroll search navigation ? (WPSOLR PRO)
Sometimes, scrolling up and down with Infinite Scroll does not feel quite right (load triggered after tiny scroll movements, …).
In that situation, there is a way to replace the WPSOLR PRO’s Infinite Scroll javascript with yours:
- Deactivate WPSOLR PRO’s Infinite Scroll javascript
- Load your own javascript (inspired or not from WPSOLR PRO’s) in your theme or your plugin.