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

    I cannot scroll when my cursor is over my embedded form

    Asked by Hiifons on April 15, 2014 at 04:21 AM

    Hi,

     

    I have set up a form here. Problem is that the scroll does not work when the cursor is on the form. When I take the cursor outside it works just fine. any solutions for this?

    Page URL:
    https://template.talointra.fi/lomakkeet/huoneiston-muutostyot/

    site problem does not work scroll
  • Profile Image
    JotForm Support

    Answered by jonathan on April 15, 2014 at 04:43 AM

    Hi,

    I was able to see this issue on the Firefox browser, but not on google Chrome.

    To make it work also on Firefox, please try re-embeding the form using the iframe embed code BUT exclude the script part of the code from the iframe code provided.

    Example, if this is your form's iframe code generated by JotForm

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformeu.com/form/23303727825352" frameborder="0" style="width:100%; height:1833px; border:none;" scrolling="no"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

    only use the iframe code (in yellow) and exclude the script code (in red)

    Re-embed the iframe to your website and then test again.

    Kindly inform us if issue persist.

    Thanks!

  • Profile Image

    Answered by Hiifons on April 15, 2014 at 05:08 AM

    Hi,

     

    Didn't work.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 15, 2014 at 07:42 AM

    Hello Hiifons,

    Have you resolved this problem already. I did check your form in chrome and firefox but I am unable to replicate the issue you are having. Please check the screenshot below:

    I would suggest you to please check again and get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by Hiifons on April 15, 2014 at 07:51 AM

    Hi,

     

    Sorry I have maybe described the problem a bit wrong. If I move the cursor to the form area I cannot use my mouse scroll function.

  • Profile Image
    JotForm Support

    Answered by jonathan on April 15, 2014 at 09:13 AM

    Hi,

    I thought I also encountered the issue earlier on Firefox, but it seems I was wrong. Because as I test now, I can scroll even with the cursor alredy inside the a field on the form.

    If you take a look at the screenshot provided by my colleague, the cursor is inside the form and he was able to scroll. I was also able to do the same using the mouse device scroll function.

    Please test again on your end.

    To better test it, just put the cursor inside any field in the form and then simply use the scroll mouse on the side of the form.

     

    Inform us if you need further assistance on this.

    Thanks!

  • Profile Image

    Answered by Hiifons on April 15, 2014 at 09:45 AM

    Hi,

     

    It works fine on the grey area of the form but when I hit the white area I cannot scroll down. Is there a way to make so that I could scroll on both areas?

  • Profile Image
    JotForm Support

    Answered by TitusN on April 15, 2014 at 11:41 AM

    Hello,

    If you look at the page's HTML opening tag style attribute, you will see that the overflow-y property is set to 'hidden'

    Illustration:

    This is what is causing this behavior in firefox - cause it apparently works in other browsers. 

    Try changing it to 'scroll' and let us know if that helps.