What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Go to top when hitting next page button

    Asked by lexmoore on March 30, 2014 at 11:52 PM

    Hi, 

    I have my form broken into segments by page breaks. However, when I hit "Next", it loads the next section of questions, but the webpage that it is on is scrolled to the bottom of the screen. 

    Page is here: http://www.motodiscovery.com/Custom-Motorcycle-Tour

    The same issue ocurrs when you hit "submit" at the end of the questionnaire, the thank you page has scrolled to the bottom. 

    I would like help in having the pages load and the "top" of the form be shown, instead of having to scroll up to begin the next section. 

    thanks. 

    Page URL:
    http://www.motodiscovery.com/Custom-Motorcycle-Tour

    Form Page next scroll www section
  • Profile Image

    Answered by Carina on March 31, 2014 at 08:38 AM

    What embedding method did you use? I did some tests with the iframe embedding method and the form/page remained still:

    Let us know if the problem persists.

  • Profile Image

    Answered by lexmoore on March 31, 2014 at 08:50 AM

    I used the "embed" code and pasted it into website. I tried putting in Iframe, but same result. Page auto scrolls to bottom (after you hit "next") http://www.motodiscovery.com/Custom-Motorcycle-Tour

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 31, 2014 at 10:48 AM

    Hello lexmoore,

    I would suggest you to use your form's using iFrame embed code to embed your form in your web page. Please ensure that you just use the iFrame code and exclude the script code and see if that solves your problem.

    Please use the following iFrame embed code :

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/40845792649974" frameborder="0" style="width:100%; height:1839px; border:none;" scrolling="no"></iframe>

    Do get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by lexmoore on March 31, 2014 at 10:53 AM

    Same result as before, using the Iframe code you sent. But now I get a bunch of gray space below the "next" button. Scrolling still not correct. 

    http://www.motodiscovery.com/Custom-Motorcycle-Tour

  • Profile Image

    Answered by EliezerN on March 31, 2014 at 11:46 AM

    @lexmoore

    To resolve the behaviour of the form jumping to the top of the page everytime the Next or Back button is clicked, you must use the Embed Code of the form: 

    Then, make sure to add ?nojump to the form URL right after the string of numbers, like  in this example:

    <script type="text/javascript" src="//form.jotformpro.com/jsform/4089510516123456?nojump"></script>

    Then, embed it to your webpage, that should resolve the issue. Please inform us if you need further assistance with this inquiry.

    Thanks

  • Profile Image

    Answered by businet on May 16, 2014 at 01:26 AM

    This just doesn't work. This has been going on for a few years - any chance of developers focusing on a simple fix?