Form jumping down to the bottom while completing the form?

  • juliagreenpto
    Asked on September 5, 2017 at 3: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?

  • Charlie
    Replied on September 5, 2017 at 3: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:

    Form jumping down to the bottom while completing the form? Image 1 Screenshot 20

     

    We'll wait for your response.

  • juliagreenpto
    Replied on September 5, 2017 at 11:49 AM

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

    Form jumping down to the bottom while completing the form? Image 1 Screenshot 30

     

    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.

    Form jumping down to the bottom while completing the form? Image 2 Screenshot 41

  • BJoanna
    Replied on September 5, 2017 at 1: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" onDISABLEDload="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" onDISABLEDload="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. 

  • juliagreenpto
    Replied on September 5, 2017 at 1: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

  • BJoanna
    Replied on September 5, 2017 at 1:28 PM

    I am not able to replicate mentioned issue. 

    Form jumping down to the bottom while completing the form? Image 1 Screenshot 20

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

  • juliagreenpto
    Replied on September 5, 2017 at 1: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.

  • BJoanna
    Replied on September 5, 2017 at 1: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.

  • juliagreenpto
    Replied on September 5, 2017 at 3:00 PM

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

     

  • BJoanna
    Replied on September 5, 2017 at 3:20 PM

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

    Form jumping down to the bottom while completing the form? Image 1 Screenshot 20

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

  • juliagreenpto
    Replied on September 5, 2017 at 4: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!