Ajax multi-step form scrolls to the top, causing content to be hidden behind fixed header

[samu1921]

Hi @juergenweb ,

I am using FrontendForms with an Ajax-powered multi-step form.
When navigating between steps (Next / Previous), the page automatically scrolls to the top of the form.
However, on my website the header is fixed and overlaps the top area of the page.
This means that after each Ajax step transition, the new step starts underneath the header and the beginning of the form is hidden.

Expected behavior:

• The form should scroll to the visible top of the form container, or allow configuration of the scroll offset.
• Alternatively, scrolling should be optional and configurable.

Current behavior:

• After each step change via Ajax, the script scrolls to the form’s top position without considering fixed headers.
• The user always lands "too high", and part of the form is hidden.

It would be great to have:

1. A configurable scroll offset (e.g. form->setScrollOffset(100)), or
2. A setting to disable automatic scrolling entirely, or
3. An event hook where developers can handle the scrolling themselves.

Thanks a lot for your great work!

[juergenweb]

Hello samu1921

Thanks for reporting this issue. It should be fixed now by adding a new method to disable the direct jump to the top of the form: preventJumpToForm().

Read more about here.

So please update the module to the latest version 2.3.6

Test it carefully and close this issue if everything works as expected.

Have a nice weekend!!

Jürgen

[samu1921]

Hello @juergenweb

perfect - this is exactly what I need!

Thank you for the quick implementation and have a good start to the week!

Samuel