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

    Cant scroll on mobile.

    Asked by ebugarin on July 14, 2016 at 09:06 PM

    I cannot scroll on mobile or tablets when i get to the contact form! :( 

     

    here is the link http://www.metricamaterial.com/index-x.html 

     

    cant find a solution

    Page URL:
    http://www.metricamaterial.com/index-x.html

    Mobile scroll cant contact form
  • Profile Image
    JotForm Support

    Answered by BDAVID on July 14, 2016 at 10:20 PM

    You are correct, I can see the whole page does not scroll on mobile view. Does this happen when your form is embedded?

    Your form itself scrolls fine in mobile view: http://www.jotform.co/form/61734968284873 

    Please remove the embed code, and check your page again to discard that your page is not responsive.

     

    If the problem happens when the form is embedded, then I would recommend you to embed your form with the Iframe method: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

    Before you embed the code, paste it in a text editor like WordPad, you will notice two part of codes, only copy and embed the Iframe part in your webpage, example:

    Let us know if you need more help.

  • Profile Image

    Answered by ebugarin on July 14, 2016 at 11:16 PM

    thank you for the reply!

    I did it and it still doesn't work, i tried adding height and changing scrolling to "yes", but it still it gets stuck. 

    ill share you both examples

    http://www.metricamaterial.com/index-x.html 

    http://www.metricamaterial.com/index-x-x.html 

  • Profile Image

    Answered by ebugarin on July 14, 2016 at 11:21 PM

    I tried also scrolling without the form, it works, ill share you the example as well. 
    http://www.metricamaterial.com/index-no.html 

    In fact you can also scroll all the way to the bottom on the ones where the form is included, but you need to put your finger on the border, so that you don't touch the form, otherwise it wont scroll.

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 15, 2016 at 12:25 AM

    I checked the links you have provided and I can confirm that the form still do not scroll even when scrolling is set to "yes". It appears that when trying to scroll and the finger is on the iframe, the page will not scroll. However, when the finger is outside of the iframe, you can scroll the page successfully.

    To resolve the issue, can you please try adding the CSS below into the stylesheet of your webpage?

    .secc2{

    -webkit-overflow-scrolling: touch !important;

      overflow: scroll !important;

    }

    If the issue still persists, please let us know.

  • Profile Image

    Answered by ebugarin on July 15, 2016 at 01:14 AM
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 15, 2016 at 02:47 AM

    I checked the css of the page you have linked, but I cannot seem to find the suggested code in the css of .secc2.

     

    It also appears that in the new page http://www.metricamaterial.com/index-x-y.html, the iframe is embedded to a different div. The div that contains the form's iframe is div .secc4. Please try also adding the css below to your stylesheet.

    .secc4{

    -webkit-overflow-scrolling: touch !important;

      overflow: scroll !important;

    }

    Let us know once the css has been applied and we will check the index-x-y page again.

  • Profile Image

    Answered by ebugarin on July 15, 2016 at 03:03 AM

    Thank you. Yes, it wasn't on .secc2 because i made a new div called .secc4 where i added the suggested code.

    I add it now to both secc2 and secc4. but still doesnt work.
    http://www.metricamaterial.com/index-x-y.html

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 15, 2016 at 04:47 AM

    I checked the form on mobile and I can see that it is still not scrolling. Please allow me some time to check this further and I will get back to you once I am done checking. Thank you.

  • Profile Image

    Answered by ebugarin on July 15, 2016 at 10:45 AM

    Ok!, thank you for the support!!

  • Profile Image

    Answered by ebugarin on July 19, 2016 at 02:32 AM

    Hi! still no solution ?

    greetings  

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 19, 2016 at 03:39 AM

    Apologies for the delay. There may be some script that is in conflict with the form. Please try adding the code below before the form's iframe code:

    <script type="text/javascript">  $.noConflict();</script> 

    If the issue persists, then we may need to use the full source code of the form to see if that resolves the issue. Please follow this guide to copy the full source code: How to get the Full Source Code of your Form. Regards.