Scroll to Top on Form Render State Changes

This JavaScript snippet ensures the page or form container smoothly scrolls to the top whenever the render state of a multi-step or single-step JetFormBuilder form changes.

Specifications
Scroll to Top on Form Render State Changes
7 January, 2026
  • Plugin
    • JetFormBuilder
  • Category
    • Forms
  • Programming languages
    • JavaScript
Source code

Installing Instruction

  1. Copy the provided JavaScript code snippet to your clipboard.
  2. Add the code using one of the following methods:
    1. Option A: Using a Custom Code Plugin (Recommended)
      1. Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
      2. Create a new JavaScript snippet.
      3. Paste only the JavaScript code, without <script> tags.
      4. Save and activate the snippet.
    2. Option B: Using a Custom Code / HTML Area
      1. Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
      2. Keep the <script> tags when using this method.
      3. Save your changes.

Example Use Case

Use this snippet to keep users focused on the relevant form section as they navigate multi-page or dynamic forms, improving form usability and flow.
Applicable scenarios:

  • Multi-step forms needing focus reset on step change.
  • Single-step dynamic forms with conditional content.
  • Enhancing user experience for lengthy or interactive forms.
Specifications
Scroll to Top on Form Render State Changes
7 January, 2026
  • Plugin
    • JetFormBuilder
  • Category
    • Forms
  • Programming languages
    • JavaScript
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Propose a solution
Request a new feature

Leave a feature request through GitHub, and our developers will consider it

Request features