Avoid jumping to top of page after submitting form

  • Profile Image
    rtolmach
    Asked on January 03, 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!

  • Profile Image
    Kiran
    Answered on January 04, 2018 at 02: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" onload="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.

  • Profile Image
    rtolmach
    Answered on January 04, 2018 at 08:00 PM

    I added it, but it still jumps.


     <iframe

          id="JotFormIFrame-80015622284146"

          onload="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!

  • Profile Image
    Marvih
    Answered on January 04, 2018 at 11:28 PM

    Please try removing the "onload="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.

  • Profile Image
    rtolmach
    Answered on January 04, 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!

  • Profile Image
    Marvih
    Answered on January 05, 2018 at 01: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

    1515134106317.gif

    And this one is by using Google Chrome.

    1515134220319.gif


    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,