How to automatically scroll the page on facet interaction?

An often-asked question is how to automatically scroll the page to the results (or to the top of the page, or another target) when using facets, a specific face (type), or even a specific facet choice.

Our page scrolling tutorial shows a wide range of examples that should cover most scrolling scenarios.

Pagination scrolling can be enabled with the Pager facet’s scroll target setting (available since FacetWP 4.2.12).

Note: Except with the Pager facet’s scroll target setting, FacetWP and its add-ons do not add any scrolling behavior anywhere. If you see unwanted scrolling behavior, check your theme settings and other plugins. If you are using the Beaver Builder add-on, check if you have Beaver Builder’s “Render CSS/JS assets inline” setting enabled, or if you are using the fl_builder_render_assets_inline filter hook, which both cause a JavaScript error that re-enables Beaver Builder’s page scroll that is prevented by FacetWP’s Beaver Builder add-on.

Search the Help Center

How to automatically scroll the page on facet interaction?

See also

Your site deserves the best filtering

Search the Help Center

How to automatically scroll the page on facet interaction?

See also

Related articles

Your site deserves the best filtering