JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Why do I have to scroll up to see my thank you page?Asked by Sksbattick on November 07, 2016 at 09:29 PM
When anyone clicks submit on my website form, the page stays at the bottom and the user has to scroll all the way up to the top to see the thank you message at the top of the page.
I am using Wix and I embedded the code in my website using iFrame. How can the page automatically scroll back to the top after the user clicks submit without them seeing a blank page (until they scroll up)?
scroll thank scroll up Thank You message message all
I sent a test submission to your form and I was able to see the issue that you are referring to. The page does not scroll to the top after I submit the form.
I see that you are using the iFrame code. Can you please try replacing the onload="window.parent.scrollTo(0,0)" section of the iFrame code with onload="self.scrollTo(0,0)"?
You can use the iFrame code below where I have edited the code:
<iframe id="JotFormIFrame" onload="self.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.co/62378548723870" frameborder="0" style="width:100%; height:4318px; border:none;" scrolling="no"> </iframe>
Please let us know if the issue still persists.
Thanks. But nothing changes. The page is still at the bottom. You can try
it again for yourself:
I have cloned your form and got the iFrame code, I can see it automatically scrolls to the top when it is submitted.
I would suggest you to re-embed your form using the default embed code again, if it does not work, you could also inject some CSS code to display the Thank You message at the bottom of the form so your users do not need to scroll up.
This guide will help to inject the code to your form: How-to-Inject-Custom-CSS-Codes
Hope this helps.