How can the next page of the survey go to the top instead of stay at the bottom?

Check out my wordpress blog page here.  https://drmikelnewman.wordpress.com/2016/01/20/pre-consultation-survey/

When you click on next at the bottom of the first page, the second page appears but it stays on the bottom of the page and the user has to scroll to the top.  How can you fix this issue?

I have tested the form from your website and was able to see what you mean. I have checked how your form is embedded on your website:

<iframe width="100%" height="660" src="//oembed.jotform.com/form/60198473847165"></iframe>

And this might be causing the issue, since the value of "src" is different from the one produced in Publish.

 Can you try to embed your form using the exact iframe code from Publish of the form builder?

Getting-the-Form-iFrame-Code

You may try to use the iframe code below.

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

Let us know if you need any further assistance. Thank you.

When I use the iframe code...the jotform link is the only thing that shows up.  This makes the user click on it and view in a separate web box.

I have tried that method and it does not embed it. It just shows a link to
the jotform.
...

It appears to only work when clicked on as an external link...
...

Can you try adding the full code of the iFrame embed code, including the script?

Simply copy the code by following this guide: Getting the Form iFrame Code and paste all of it on your website.

Do let us know if you have added the full iFrame code and if the issue still persists.

I have and it doesn't work.
Sent from my iPhone
...

We apologize for the inconvenience. A possible alternative for your issue would be to add a 'Jump to top' or 'Go to top' button below the second page so that the when that button is clicked, the form will display the top of the form.

1. Add a text field above the page separator

2. On the text editor, click the Insert Link button

3. Insert the target of the form in the URL. The target will be #id_25, and display the text as Jump to top/Go to top. You can make the text more visible by changing its color in the editor.

 

This is how it should work once you have added the Jump to top button to your form.

Here's a cloned form so you can see it in action: https://form.jotform.com/60518537910961 

You can also clone it to your account by following this guide: How To Clone A Form

I see the idea here, but that would only be helpful if when someone clicks
the next button it brings them to the bottom. It appears when they arrive
at the next page, its positioned somewhere in the middle. So scrolling
down to the bottom to hit the go to top button doesn't seem logical vs.
just scrolling up.
Any other ideas?
...

I checked your form and I saw that on a page break when you click next your form it goes to middle of the page by default. Now, since there is no easy way to make scroll to top with CSS, you could try with embedding it by using javascriptDISABLED:

<script type="text/javascript">

    $(document).ready(function () {

        window.scrollTo(0,0);

    });

</script>

Try embedding that script to your website and let us know if that helped. 

That should scroll up your page on load.

We'll wait for your response.

I'm not sure what to do with that but I don't think it worked.
...

First of all, we are sorry for the inconvenience this may caused you. According to my researches, if you embed your form with source code, it will fix that problem. We would appreciate it if you could try to embed your form with source code.

Please test it on your side and let us know the result. If this does not resolve the issue, please let us know and we will be glad to take another look.

 

Just tried and it didn't look right, so I don't believe that resolved it.
...

I previewed the form from direct link the issue is not present. Also the form appears to be embedded using the JotForm oEmbed plugin.

You could try using the Source Code and add it inside 'iframe' to prevent conflict with outside script - Get-the-Full-Source-Code-of-your-Form

Or use the method from this guide - Embed-Form-to-Wordpress-com