Question

I have a panel, inside a panel there are some checkbox and radiobuttonlist. This panel is place inside an UpdatePanel ajax.

When I click on a checkbox, it will raise autopostback with ajax supported, then the scrollbar of the panel always move back to the first position. It does not keep the current scrolling position.

How could I remain the scrollbar position?

I already have tried to add:

this.Page.SetFocus("PanelTrips");
this.MaintainScrollPositionOnPostBack = true;

But it does not help.

Thanks in advance.

Answer 1

I have found the answer for this, if anyone needs:

// ajax post back begin and end event
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
var scrollTop = 0;

function beginRequestHandler(sender, args) {

var elem = document.getElementById('divContainer');

scrollTop = elem.scrollLeft; //scrollTop

}

function EndRequestHandler(sender, args) {

 var elem = document.getElementById('divContainer');

 elem.scrollLeft = scrollTop;

}