How to change the length of the embedded form so there is no scroll bar on my website?

I am trying to embed the form on a wordpress site. Although I have added page breaks to keep the form shorter on the page, it does not show the entire page and a scroll bar is visible on the side of the form. How can I change the length of the form so it does not have a scroll bar within the form and just on the page itself?

I would suggest you to try embedding your form using the iFrame code, this way you will be able to handle the form's height. 

This guide will help you getting the code: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

You may also remove the JavaScript part so the height is not automatically calculated, example: 

      <iframe

        id="JotFormIFrame"

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

        allowtransparency="true"

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

        frameborder="0"

        style="width:100%;

        height:6806px;

        border:none;"

        scrolling="yes">

      </iframe>

Let us know how it goes.