Embedded Form with collapses makes the page jump up.

Hello Support,

My form, https://www.jotform.com/build/90562426390861, has a information page with collapsible sections. Most of the sections are working fine but when the section titled Itinerary is open the page jumps. 

How can I fix this?

The form is embedded in a webpage see https://farquharmacrae.blogspot.com/p/reunion.html.

Thanks

Please try adding the "?nojump" parameter at the end of the form URL inside the Iframe code: https://www.jotform.co/form/90562426390861?nojump 

Let us know if you need more help.

Hello BDAVID,

I added the "?nojump" parameter and that works better in some ways but it depends on the order in which the collapsible sections are opened. If all the sections are opened in turn then when the last section "Other Information" is opened it is not visible.

I have left the parameter in so that you can see how it works.

Thanks

Could you please remove the onDISABLEDload="window.parent.scrollTo(0,0)"  in the iframe code that you have used on the website.

Let us know how this goes.

Thanks.

Hello roneet,

I tried removing the onDISABLEDload="window.parent.scrollTo(0,0)"  and keeping the "?nojump" and this didn't really work so I deleted "?nojump" and it still isn't quite right. (Actually the original version was probably better.)

Any more ideas to try?

Thanks

How about embedding the form using the Jscript embed code?

<script type="text/javascript" src="https://form.jotform.co/jsform/90562426390861?nojump"></script>

Please give it a try and let us know how it goes.

Hello jherwin,

I created a new page to do this here https://farquharmacrae.blogspot.com/p/gathering-with-script.html.

This quite works well for all but the last collapsible section.

Thanks