Form will not scroll properly

  • Profile Image
    schoolhouse1
    Asked on December 01, 2017 at 08:39 AM

    Hi there

    This form works fine on a pc but not in mobile.  this is very important as 95% of our potential customers are using their phones.  You can get to the form page, but can scroll down through the fields to fill them in.

  • Profile Image
    Richie_P
    Answered on December 01, 2017 at 09:08 AM

     I have checked your form embed in your website, it is working great in android devices unfortunately I don't have an IOS phone to test to but in what I have seen in your embed code, may I suggest using an IFrame embed code and enable scrolling to "yes".

    Please let us know how it goes.



  • Profile Image
    schoolhouse1
    Answered on December 01, 2017 at 09:28 AM

    No that did not work.  The same problem.  You can't scroll through the form

  • Profile Image
    BDAVID
    Answered on December 01, 2017 at 10:42 AM

    Please remove the script part that comes with your Iframe code. So, use the following code instead:

    <iframe

          id="JotFormIFrame-70194924388163"

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

          allowtransparency="true"

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

          frameborder="0"

          style="width: 1px;

          min-width: 100%;

          height:1781px;

          border:none;"

          scrolling="yes">

        </iframe>

  • Profile Image
    schoolhouse1
    Answered on December 01, 2017 at 11:00 AM

    Thank you for your prompt replies.  Unfortunately this option kind of, sort of works but the scrolling still isn't smooth and you have to keep using the up and down arrow which means you sometimes miss a field.   Very frustrating.  Is this something you are working on?  I can't be the only user having this problem!

  • Profile Image
    BDAVID
    Answered on December 01, 2017 at 12:20 PM

    Sometimes the issue is related to script conflicts between your form's code, and your site's code. I understand Iframe method is not smooth,  you can try using the embed code method: https://www.jotform.com/help/67-Which-Form-Embed-Code-Should-I-Use 

    which-embed-code-to-use-embed-default.pn

    But, if it does not work, the best option would be the Iframe method.

  • Profile Image
    schoolhouse1
    Answered on December 01, 2017 at 12:26 PM

    I have tried both iframe and embed, with and without the scripts.  I also added the mobile widget.  Nothing.  The only script on this page was a Google Analytics script.  I removed that but no l luck.

     What if I used the source code?  Do you think that would help?

  • Profile Image
    Kevin_G
    Answered on December 01, 2017 at 02:35 PM

    With the source code you will not use iFrames, something that both previous methods use, so your form will display the entire content. 

    I would recommend you to embed it and see how it goes, if you have questions, please let us know. 

  • Profile Image
    schoolhouse1
    Answered on December 01, 2017 at 02:50 PM

    The embed doesn't work.  I put in the source code and that at least displays in both the pc and iphone but the captcha code box hangs up.  Can I remove that?

  • Profile Image
    jonathan
    Answered on December 01, 2017 at 05:15 PM

    Yes you can remove the Captcha field in your form in your Form Builder (if you do not need it).

    1512166393zzz 2017-12-02 06.12.16.png


    Do take note that since you are using the full source code embed of the form on your website, to have the updated version of the form reflect on your website as well, you need to re-embed again the full source code of the form again.

    Let us know if you need further assistance.