Page Break: Page doesn't scroll to top when the Next/Back button is pressed

Can you provide more details about your inquiry?
Is this happening in the standalone version of your form or when the form is embedded on your website? 

I've checked this form: http://www.jotform.co/form/51122715297857 which has page breaks, but I was unable to reproduce the issue on my side using Chrome v42.

Please provide as many details as you can on how to reproduce the issue so we can better understand it and provide further assistance.

Thanks for your reply,  and thank you for providing the link http://www.jotform.co/form/51122715297857 .

I can see why you think that the issue is resolved, however on the long pages - lets say Stage 2, Part 2 of the attached link (where the form is higher than the users screen) - when the user scrolls to the bottom of the form and clicks "Part 3" the form reloads and the page jumps to the top of the form, but not the top of the webpage.  In this example you can scroll up further to reveal white space where a website header may be located.

Is it possible that when the "Next" button is clicked the page/form refreshes at the very top of the webpage, not just the top off the form?

Thanks

Hi,

This is because the actual jump will be on top of the form itself and not on the white space of it, which is I believed the padding of the form. We could just remove the padding so that there won't be a spacing at the top of it.

I've cloned your form as a test form and remove the padding there, this is how it will looked like: http://form.jotformpro.com/form/51191324163952?.

This is the custom CSS code that I used and I added it under Form Designer Tool->CSS Tab:

.jotform-form {

padding-top: 0 !important;

padding-bottom: 0 !important;

}

Do let us if this works.

Thank you.

Thanks

Just to confirm, you would like the menu to be inside the form as a header? Or is the menu in your actual webpage? If the menu is in the website itself and not in the form, then you can try using the iFrame code, here's how you can get your iFrame: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code.

Here's an example of my form with the iFrame code, assuming I have a web page and will embed that iFrame code:

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)"allowtransparency="true" src="//form.jotformpro.com/form/50885628517971" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"></iframe>

You'll notice the "onDISABLEDload='window.parent.scrollTo(0,0)'". It has the coordinates to up to where the jump should be, could you try if that's a possible fix, however, you'll need to embed your own iFrame in your website to see that changes.

I hope that helps.

Thank you.

Just an FYI, that didn't work for me. I think I know what buildmyhomenz is referring to.  Instead of iFrame, I used "source code" and it worked perfectly for me.  Hope this helps.

@ToliverBancroft thank you for your contribution.