Многостраничная форма не загружается в верхнюю часть экрана

Question

Я создал многостраничную регистрационную форму для сайта.Из-за различий в длине страницы, когда пользователь нажимает на каждой странице, они пропорционально оказываются на одной странице между шагами.Это может оставить пользователю необходимость прокручивать вверх, чтобы увидеть шаги формы.Надеюсь, это имело смысл, но мой главный вопрос - как мне изменить скрипт, чтобы он перезагружался в верхнюю часть страницы через каждый интервал?

Вот текущий бит кода для навигации по следующей странице:

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

Это было взято из PHP-скрипта.Я пробовал некоторые очевидные тесты, такие как использование #top, но я не мог заставить его работать.Есть идеи?

Answer 1

Добавлены ширина и высота, чтобы выручить первое деление. я также сделал второй 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>