Scroll To previous focus element on the page

Introduction

When the same page returned from the server, scroll to previous focus element on the page. Example: If selecting a value from the dropdown placed way below on the page refresh the page, by default first field will receive the focus or scroll position set to Zero. It forces the user to scroll down to the previous position and lot of frustration.

With simple hidden fields, we can come back to same position and set the focus on same field or next field. This will allow the user to continue from the place where they left off.

Add Two Hidden fields under the FORM tag.

<input type="hidden" name = "previousElement">

<input type="hidden" name = "previousScrollPosition">

Add these javascripts under script tag or in your .js file.

function sendScrollPosition() {
    document.forms[0].elements["previousScrollPosition"].value = document.body.scrollTop;
    return true;
   }   
function setfocuselement(ele){
   if(document.forms[0] == null) return false;
   if(document.forms[0].elements["previousElement"] != null) {
    document.forms[0].elements["previousElement"].value=ele.name || event.srcElement.name;
   }
}

if(document.getElementsByName("previousScrollPosition").length > 0) {
  document.body.scrollTop = document.forms[0].elements["previousScrollPosition"].value;
}

var prvElement= document.forms[0].elements["previousElement"];

if(prvElement != null && prvElement.value != null ) {
       document.forms[0].elements[prvElement.value].focus();

}

<form action="demo_form2.asp" method="post">
First name:
<input type="text" name="name" value="Donald" />
<br />
Last name:
<input type="text" name="name" value="Duck" />
<br />

<input type="hidden" name = "previousElement" value="<%Request.Form("previousElement")%>"> 
<input type="hidden" name = "previousScrollPosition" value="<%Request.Form("previousScrollPosition")%>">
<input type="submit" value="Submit" />
</form>