How to maintain screen positioning after postback?

Question

I have a very extensive html form with several entries , after making the postback my page is redirected to the top of the form, postback return to the page I left ?

Answer 1

You need to save the value of window.pageYOffset (document.documentElement.scrollTop to IE8) and restore as soon as your page loads again.

If you are using jQuery you can do so:

1. Add an Hidden field to store scroll value

<form id="form1">
    ....
    <input type="hidden" name="scrollto" id="scrollto" value="0" />
</form>

2. The code below saves the value of $.scrollTop in scrollto at the time the form is sent and already restores the scroll position when the page is loaded.

$(function(){
  $('#form1').submit(function(){ 
     $('#scrollto').val( $(window).scrollTop() ); 
  });

  $(window).scrollTop( $('#scrollto').val() ); 
});