多页表单未加载到屏幕顶部

Question

我为网站创建了一个多页的注册表格。 由于页面长度的差异，当用户单击每个页面时，他们在步骤之间的同一页面中按比例收尾。 这可能使用户不得不向上滚动才能查看表单步骤。 我希望这是有道理的，但是我的主要问题是如何更改脚本，以使其在每个时间间隔都重新加载到页面顶部？

这是下一页导航的当前代码：

<button style='float:right;' class='next-tab mover' type='submit' rel='\" + next + \"'>Next</button>\

这是从php脚本中获取的。 我已经尝试了一些明显的测试，例如使用#top，但是我无法使其正常工作。 有任何想法吗？

Answer 1

为第一个div增加了宽度和高度，这有所帮助。 我也将第二个div绝对设为第一个div：

<form id="form1" >
<div id="divHeader"     style="position:absolute;left:20px;top:20px;width:800px;height:600px;" >
Form Steps: <br />
<ul>
<li>Step1:  ....</li>
<li>Step2:  ....</li>
<li>Step3:  ....</li>
<li>Step4:  ....</li>
</ul>
</div>
<div id="divUserInput" style="width:100%;position:absolute;left:20px;top:140px;" >
<!--Form content here....-->
<table border="0">
<tr><td>Question 1</td><td><input type="text" id="txtQ1" /></td></tr>
<tr><td>Question 2</td><td><input type="text" id="txtQ2" /></td></tr>
<tr><td>Question 3</td><td><input type="text" id="txtQ3" /></td></tr>

</table>
</div>