Avoid jumping to top of page after submitting form

  • rtolmach
    Asked on January 3, 2018 at 10:43 PM

    Hi 

    We have this form

    https://www.jotform.com/build/80015622284146 

    embedded here: https://fanatics-books.myshopify.com/

    It works fine, but after hitting submit, the browser jumps back to the top of the page. How can I make it stay where it is? I can provide a name link right above the form, if I can make the submit button take the visitor to it.


    Also, after I submit and scroll down, there is a giant white space below the thankyou area (presumably because the form with everything showing is so much larger than the thankyou message. Is there a way I can avoid that giant space? Peope will not realize there is more stuff below it.

    Thanks!

  • Kiran Support Team Lead
    Replied on January 4, 2018 at 2:18 AM

    Please try adding ?nojump parameter to the form URL in the embed code to see if that works. You may use the following code to embed on your website.

    <iframe id="JotFormIFrame-80015622284146" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/80015622284146?nojump" frameborder="0" style="width: 1px; min-width: 100%; height: 697px; border: none;" scrolling="no"></iframe>

    Let us know if you need any further assistance. We will be happy to help.

  • rtolmach
    Replied on January 4, 2018 at 8:00 PM

    I added it, but it still jumps.


     <iframe

          id="JotFormIFrame-80015622284146"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/80015622284146?nojump"

          frameborder="0"

          style="width: 1px;

          min-width: 100%;

          height:539px;

          border:none;"

          scrolling="no">


    Thanks!

  • Marvih
    Replied on January 4, 2018 at 11:28 PM

    Please try removing the "onDISABLEDload="window.parent.scrollTo(0,0)" too.

    The embed code should now be:

     <iframe

          id="JotFormIFrame-80015622284146"

          allowtransparency="true"

          src="https://form.jotform.com/80015622284146?nojump"

          frameborder="0"

          style="width: 1px;

          min-width: 100%;

          height:539px;

          border:none;"

          scrolling="no">

    </iframe>

    Hope this helps, let us know if it still doesn't fix the issue.


    Thanks.

  • rtolmach
    Replied on January 4, 2018 at 11:49 PM

    We are making progress. That kept it from jumping up, but because the thank you form is shorter than the petition form, the visitor does not see it after submitting the petition. They just see the white space below the petition. Try, and you will see. Is there a way we can make it jump to the top of the form, rather than the top of the page, where it previously jumped?


    thanks!

  • Marvih
    Replied on January 5, 2018 at 1:43 AM

    I wasn't able to replicate the issue. I was able to see the Thank You page correctly.

    Here is a screencast using Mozilla Firefox

    Avoid jumping to top of page after submitting form Image 10

    And this one is by using Google Chrome.

    Avoid jumping to top of page after submitting form Image 21


    Does your screen not the same from the screencast above?
    Please try clearing you Browser's Cache too by following the guide on this link.
    http://www.refreshyourcache.com/en/home/

    Thank you,