Unable to scroll to the bottom of the form to click the Submit button

  • Nohble
    Asked on November 20, 2017 at 1:31 PM

    Hi, 


    So for some reason on any browser via mobile, people are unable to scroll to the bottom of our form to click the submit button. So we artificially rearranged the form to allow the submit button to be higher on the page. Ex. we had to adjust because with an iphone plus you can see more of the form that regular size iphone. 


    Please advise how we permanently fix? The page is currently linked via Shopify. 

  • John_Benson
    Replied on November 20, 2017 at 2:44 PM

    I opened the form's direct link (https://form.jotform.com/Nohble/yeezy-raffle-entry) using my iPhone 6s and I can see the submit button properly. Here's a screenshot:

    151120688613zz Screenshot 10

    I noticed that you said the form is linked via Shopify. To better assist you, please provide the website link where you embed the form so we can investigate it further.

    We will wait for your response. Thank you.

  • Nohble
    Replied on November 20, 2017 at 2:53 PM

    https://nohble.com/pages/raffle

  • Kevin Support Team Lead
    Replied on November 20, 2017 at 4:10 PM

    Thanks, I have checked the form and was able to replicate the issue. It should be resolved using the iFrame code and setting the scrolling attribute to "yes". 

    Find how to get the code here: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    And here is an example about where you can change the attribute: 

         <iframe

           id="JotFormIFrame"

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

           allowtransparency="true"

           src="https://form.jotform.com/23456789"

           frameborder="0"

           style="width:100%;

           height: 8815px;

           border:none;"

           scrolling="yes">

         </iframe>

    I hope this helps.