How to prevent embedded form from scrolling

  • Profile Image
    Asked on June 16, 2021 at 07:59 AM

    How do I remove scrolling bar on jotform on

  • Profile Image
    Answered on June 16, 2021 at 12:30 PM

    Howdy nnaomi,

    In order to remove the scroll bar, you will have to increase the height of the Iframe. It looks like you may have embedded the code previously with the embed code, however we can't set the height with the code. Please remove the embed code and embed this Iframe instead:

     <iframe id="JotFormIFrame-211545230907551" title="Conference Registration Form with Payment" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="" frameborder="0" style=" min-width: 100%; height:1680px; border:none;" scrolling="no" > </iframe>

    Please note the height value is set to 1680px. This should fully display the form with out requiring scrolling inside of the frame.

    Please let us know if there's anything else we can help you with!

  • Profile Image
    Answered on June 16, 2021 at 01:31 PM

    Its not working. I had tried that earlier too

    and my form is not submitting as well

  • Profile Image
    Answered on June 16, 2021 at 03:28 PM

    Hello again,

    I apologize for any inconvenience, I have created a test account with and I see that it is altering the code from the Iframe embed. However, it appears that you may be able to include CSS to adjust the height of the embed. Please try adding this additional CSS:

    .wp-embedded-content {
    height: 1680px;

    As for the submit issue. I have created a clone of your form and made a test submission. I was able to complete the form without error. I then embedded the form on and I was still able to submit to the form. Could you please provide more details about what is happening when you're unable to submit?

    Additionally, may we have permission to create a test submission on your form?

    Thank you for your understanding.