Smooth Scroll to Top After Filters Are Applied
This JavaScript snippet triggers a smooth page scroll to the top whenever filters are applied using AJAX, enhancing user experience by immediately bringing the newly filtered results into the viewport.
Specifications
Smooth Scroll to Top After Filters Are Applied
7 January, 2026
-
Plugin
-
Category
-
Programming languages
Installing Instruction
- Copy the provided JavaScript code snippet to your clipboard.
- Add the code using one of the following methods:
-
Option A: Using a Custom Code Plugin (Recommended)
- Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
- Create a new JavaScript snippet.
- Paste only the JavaScript code, without <script> tags.
- Save and activate the snippet.
-
Option B: Using a Custom Code / HTML Area
- Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
- Keep the <script> tags when using this method.
- Save your changes.
-
Option A: Using a Custom Code Plugin (Recommended)
Example Use Case
Use this snippet to improve user navigation on sites with filterable content by ensuring the viewport resets to the start of the filtered listings after each filter change.
Applicable scenarios:
- Websites with AJAX-powered product or content filters.
- E-commerce or directories with long listing pages.
- Sites aiming to enhance UX by reducing manual scrolling.
Specifications
Smooth Scroll to Top After Filters Are Applied
7 January, 2026
-
Plugin
-
Category
-
Programming languages