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

我已经为一个网站创建了一个多页的注册表格。由于页面长度的差异，当用户点击每个页面时，它们在步骤之间按比例结束在同一页面中。这会让用户不得不向上滚动以查看表单步骤。我希望这是有意义的，但我的主要问题是如何更改脚本，使其每隔一段时间重新加载到页面顶部

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

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

下一步\

---

这是一个php脚本。我尝试过一些明显的测试，比如使用#top，但我无法让它工作。有什么想法吗？

增加了第一个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>

表单步骤：


第1步：
第二步：
第三步：
第四步：

问题1
问题2
问题3

---

好的，我试过了，它成功了，除了一个问题。表单在页面上失去了位置。布局中它下面的元素被推到窗体后面<代码>这是我的div呼叫，有没有一个快速修复方法来保持空间？嗯，在你的div中，你可能需要从顶部添加多少像素来定位div：你可能希望将其余内容放置在第一个div下面的另一个div中，位置：relitive to the top div。如果你能发布你的html，我可能会有更多想法。谢谢。我试过了，但没用。代码有很多层，有没有一个具体的部分我应该展示给大家一个想法？我会模拟一些东西并发布。看看能不能帮上忙。谢谢！这对我来说有点清楚了，我能够让它工作。