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

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>