how to retain the browser scroll position after any event gets fire

Question

When I am clicking on any button my page is re loading and page position is getting change.

first page is scrolling bottom then going on top again its moving to down side.

How could I retain the scroll position same after page refresh on any event click.

I tried

Page.MaintainScrollPositionOnPostBack = true;

on my page load but its not working.

I used ajax updatepanel after using it my browser is getting stuck, and performance is very slow.

I have one aspx page, in that i am calling 5 web user control.

Please any one help me..

How could I retain the scroll position same after page refresh on any event click.

@Abdul Muqtadir: I am using Visual Studio 2008, .Net Framework 3.5 — Rocky, May 24 '11 at 11:26

score 2 · Answer 1 · answered May 24 '11 at 11:28

2

Did you tried declaratively setting MaintainScrollPositionOnPostBack property on your page ,

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs"
    Inherits="test" MaintainScrollPositionOnPostback="true" %>

answered May 24 '11 at 11:28

DSharper

3,177
9
29
47

score 0 · Accepted Answer · answered Oct 04 '11 at 04:33

I used update panel as well as this script and its working well for me..

 <script>
    var xPos, yPos;
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_beginRequest(BeginRequestHandler);
    prm.add_endRequest(EndRequestHandler);
    function BeginRequestHandler(sender, args) {
        xPos = document.getElementById("<%=Panel4.ClientID %>").scrollLeft;
        yPos = document.getElementById("<%=Panel4.ClientID %>").scrollTop;
    }
    function EndRequestHandler(sender, args) {
        document.getElementById("<%=Panel4.ClientID %>").scrollLeft = xPos;
        document.getElementById("<%=Panel4.ClientID %>").scrollTop = yPos;
    }
 </script>

how to retain the browser scroll position after any event gets fire

2 Answers2

Linked