How to maintain page scroll position after a page postback in asp.net [duplicate]

Answer 1

Try this in the code behind:

protected void Page_Load(object sender, EventArgs e)
{
    if (Page.IsPostBack)
    {
        Page.MaintainScrollPositionOnPostBack = true;
    }
}

Posdata: I tried it with C#.

Answer 2

UpdatePanels are horrible from a performance standpoint. I would do this with jquery and avoid the postbacks completely.

$.ajax({
    url: "/path/to/url/that/returns/users",
    type: "POST",
    dataType: "json",
    data: {},
    success: function(data, status, xhttp)
    {
        var html = "<table>";
        for ( var i = 0; i < data.length; i++ )
        {
            html += "<tr>";
            html += "<td></td>"; // build up table cells
            html += "</tr>";
        }
        html += "</table>";
        $("#NameOfDivToPutTableIn").html(html);
    }

});

If this is an option, set up the url to read from based on this tutorial:

http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/

If you don't want to use jquery, you can still use MS AJAX, just skip those update panels. http://www.geekzilla.co.uk/View7B75C93E-C8C9-4576-972B-2C3138DFC671.htm

Answer 3

For someone else struggling with this. Easiest solution is to keep the scroll location of the entire window

  var xPos, yPos;

    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function (evt, args) {
        window.scrollTo(xPos , yPos);
    });


    Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(function (evt, args) {
        xPos = $(window).scrollLeft();
        yPos = $(window).scrollTop();

    });

Ad both begin and end request. On begin request get the windows scroll position using Jquery. On end request just scroll to that location.

Answer 4

<%@ Page MaintainScrollPositionOnPostback="true" %> as the page declaration will keep the scroll position as it is

Answer 5

<pages maintainScrollPositionOnPostBack="true">

Answer 6

A cheap fix for what sounds like awful UI (page refreshes every 5 seconds) would be to add '#' and the id of the element you want to keep in view to the URL in the address bar but that will automatically scroll to the top of the ID-linked element.

If this is a commercial product and you're in a hurry I'd recommend checking out JQuery's ajax implementation and knock off those reloads altogether.

It may be as simple as a line like:

  $.ajax(
    {
      url:"/thisPath/requestPath",
      complete:function(data){
      //apply data (the http-response) to HTML
    }
  );

If that looks bizarre to you, it's just an object-literal being fed to the JQuery objects ajax method. The function assigned to the 'complete' fires when the http-response is received which is fed to the function as the argument 'data' which is established on the inside of the .ajax method.