Form jumping down to the bottom while completing the form?

  • Profile Image
    juliagreenpto
    Asked on September 05, 2017 at 03:04 AM

    I have been told that when users are filling in the payment information, it continues to jump down to the bottom of the form before they have finished inputting their information, causing them to continuously scroll back up to complete their payment information. 

    Is there anything I can do to fix that?

  • Profile Image
    Charlie
    Answered on September 05, 2017 at 03:17 AM

    Hi,

    This is most likely a script conflict between your website and of the form. May we know how you have embedded it on your website?

    I see the website is created in Wix, have you followed the steps provided under Publish->Platforms? Here's a screenshot where to find it:

     

    We'll wait for your response.

  • Profile Image
    juliagreenpto
    Answered on September 05, 2017 at 11:49 AM

    The directions for adding the code may be outdated, as I am seeing the below menu for adding.

     

    However, when I add HTML Code and copy over the code from JotForm, it does not work correctly in mobile view (it cuts off and you can't scroll down to submit or go to the next page at all). When I put in the website address from the JotForm Quick Share menu, I am able to see the entire form on both the PC and Mobile versions.

  • Profile Image
    BJoanna
    Answered on September 05, 2017 at 01:01 PM

    How is the form currently embedded? With the iFrame code? 

    You can remove the script part of the iFrame code and increase the height of the iFrame code to see if that will resolve the cut off issue. You can also change the scrolling to yes

    Example:

     <iframe id="JotFormIFrame-1234567890" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformpro.com/1234567890" frameborder="0" style="width: 1px; min-width: 100%; height:1078px; border:none;" scrolling="yes"> </iframe>

    You can also try to add ?nojump at the and of form to see if that will resolve the jumping issue. 

     <iframe id="JotFormIFrame-1234567890" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformpro.com/1234567890?nojump" frameborder="0" style="width: 1px; min-width: 100%; height:1078px; border:none;" scrolling="yes"> </iframe>

    Or if you are using the website address option - https://form.jotformpro.com/1234567890?nojump

    If the issue is not resolved, please  provide us the webpage URL so that we can test the form. 

  • Profile Image
    juliagreenpto
    Answered on September 05, 2017 at 01:16 PM

    I've tried these and it still seems to be jumping once you begin to fill out your billing address.

     

    https://www.juliagreen.org/investnow

  • Profile Image
    BJoanna
    Answered on September 05, 2017 at 01:28 PM

    I am not able to replicate mentioned issue. 

    Which browser and device are you using? Please try to use some other browser or deceive to see if the issue persist.

  • Profile Image
    juliagreenpto
    Answered on September 05, 2017 at 01:29 PM

    It works on a PC but not on a phone... we're trying it on iphones and it jumps once you get to the billing address.

  • Profile Image
    BJoanna
    Answered on September 05, 2017 at 01:45 PM

    The form is working properly on my Samsung Galaxy S4. I do not have an iPhone, so I tested your form and iPhone emulator and I was able to replicate the issue. However, it is jumping to the top of the form and not to the bottom, like you mentioned. 

    Can you please try to re embed the form with the website address option - https://form.jotformpro.com/1234567890?nojump 

    Also if possible test your form in some other browser or on some other iPhone device. 

    I will also ask my colleague if he knows any other way to resolve this issue.

  • Profile Image
    juliagreenpto
    Answered on September 05, 2017 at 03:00 PM

    I've embedded the form using this website address: https://form.jotform.us/72120103484140?nojump

     

  • Profile Image
    BJoanna
    Answered on September 05, 2017 at 03:20 PM

    I am no longer able to replicate the issue on iPhone emulator.

    Is the form still jumping on your end or is the issue resolved? 

  • Profile Image
    juliagreenpto
    Answered on September 05, 2017 at 04:04 PM

    I found that when I added a single choice question to the payment page of the form, it caused even more problems, and I wasn't able to submit the form. I have switched back to the html code to embed the form, and it seems to be working now.

    I also moved the single choice question to another page altogether, and it does appear that this has helped a lot.

    Thanks!