How to Scroll To Top When Changing Tabs

For an enhanced user experience in navigating long, multi-step forms with tabs, consider implementing an automatic scroll feature that moves the user to the top of the form whenever they switch tabs. This eliminates the need for manual scrolling, streamlining the transition between sections of the form. Achieving this functionality is straightforward with WS Form!

The Next Tab and Previous Tab fields have a Scroll To Top setting that can be used to scroll the page up when they are clicked.

WS Form - Next Tab - Scroll to Top

There are three Scroll To Top settings:

None

No scroll occurs when the button is clicked.

Instant

When Instant is selected, the scroll will be immediate. You can set on offset in pixels should you need to adjust the scroll amount.

Smooth

When smooth is selected, the scroll with take place over the Duration (ms) setting. This defaults to 400ms but can be adjusted as necessary. You can set on offset in pixels should you need to adjust the scroll amount.