Page jumping after submission

Get Help
, ,
1

Continuing the discussion from How can I load at page top and prevent "jumping"?:

Hello Chris I am having the same issue here: AskGenius Pricing & ROI | Improve Nonprofit Fundraising and Donations

Can you help?

2

Hi Shawn. Can you share a link to the page on your site where we can see and test your form? Thank you.

3

Thanks Chris the page is here: https://askgenius.com/how-it-works/roi/

4

Hi Shawn. Normally with AJAX enabled on the form embed, as you have, the form does not jump. Can you test this form with a default theme like Twenty Twenty, to see if it still occurs? There may be a need to add a filter to use with your theme.

You can check for conflicts on the site without affecting any site visitors, using the Health Check & Troubleshooting Plugin from WordPress. We have an article on how to do that on our website here: Testing for a Theme/Plugin Conflict using the Health Check & Troubleshooting Plugin - Gravity Forms Documentation

Let me know how that turns out.

5

Thanks Chris, I have tried 2 things:

  1. Turning off all plugins (except GF) and switching to 2021 theme
  2. Turning off all plugins (except GF) and keeping our theme active

With both tests the jump still happens.

Here is the URL to the testing page on our staging site: askgeniusstage.wpengine.com/test/

** On this test page all plugins (except GF) are off

What are the next steps?

6

Chris - just checking to make sure you got my message yesterday

7

Hi Shawn. It looks like Divi is used on your staging site. Do you have a URL where I can check your form with a default theme like Twenty Twenty?

8

Chris here is the site with 2020: https://askgeniusdev.wpengine.com/test/

Please advise

9

HI Shawn. It looks like the form is working as designed. The form in embedded with AJAX and the page reloads at the same place every time (after each page) with just the text “scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod.” visible at the top. That said, this is how it should be working and it looks like it is. What would you like to see happening differently? Where should the page reloads after a page transition?

10

Chris, it is actually a lot easier to see the issue on the real styled version here: https://askgenius.com/how-it-works/roi/

You can see the question gets cut off as you go from question to question. Ideally, the page should not jump at all, it should load at the top of page without scrolling at all.

11

Hi Shawn. The issue is with the fixed header which adjusts size as it scrolls. Gravity Forms does not have an option to deal with that automatically. You can use the gform_confirmation_anchor filter to set a specific distance to scroll when navigating through pages:

You should be able to set a pixel value to scroll to that will always leave the page in the same position, with the form below the header. Thank you.

12

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.