PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Multi-Page jumps when pressed next

  1. Hi

    I have a question regarding my multi-page form. Whenever the user presses next the page jumps or scrolls automatically to the middle. Is there something I can do to prevent that from happening ? Essentially I want the page to remain in the same position the whole time the form is filled out.

    http://www.rcgauto.com/shipping/car-shipping-quote/

    Posted 10 years ago on Monday July 11, 2011 | Permalink
  2. The form is going to anchor to the form. Which means no matter where on the page, when the user clicks Next it's going to anchor the page to the top of the form so they can continue filling out the form. If it didn't do this, it means the page would anchor to the top of the page... and if the form is further down the page they would then have to scroll back down to the form. This is why it works the way it does. It's by design. It focuses the browser on the form so the user can continue the action of filling out the form.

    Posted 10 years ago on Monday July 11, 2011 | Permalink
  3. OK, as I understand there isn't anything that can be done. Thanks for the quick reply.

    Posted 10 years ago on Monday July 11, 2011 | Permalink
  4. overit
    Member

    I'd like to bump this. What's happening is logical and makes sense, however, rcgroup's example is a very normal usage of paged forms. I'm in the same boat. If a user is using a form above the fold, it's jarring to be scrolled to the anchor.

    I'd bet most paged forms are visible without scrolling down the page.

    A possible solution is to use the AJAX feature (http://www.seodenver.com/gravity-forms-ajax/).

    -----Edit-----

    So the AJAX didn't help me, but I found a solution, albeit a little nasty:
    Use javascript to scroll to the top of the page before it's finished loading.

    I added an HTML field in my form and put some jQuery in so the javascript in mine looks like:
    jQuery(document).scrollTop(0);

    Posted 10 years ago on Tuesday October 11, 2011 | Permalink