Maintain and Control Scroll Position

Introduction

There are lots of solutions on the web to maintain scroll position during postback so I am not going to re-do any of those. Instead, you can go to http://aspnet.4guysfromrolla.com/articles/111704-1.aspx to see how to create a nice web control to maintain scroll position.

The additional part that I required was to maintain scroll position during the page, and then when a specific action occurred on the page, the scroll position would reset to the top.

I had a form that had two placeholders:

For the user to input details, and
To display the results to the user.

The first placeholder was quite long, so I needed to maintain the scroll position for the user, but when the user submits the form, I hide the first placeholder and display the results placeholder. If I just used the maintain feature, the results placeholder would not show from the top but from the scroll position of the submit button. Not very desirable.

Following is the code that you enter into your code-behind Page_Load method to make sure the scroll values are reset to zero for the results page.

private void Page_Load(object sender, System.EventArgs e)
{
    StringBuilder sb = new StringBuilder();
    sb.Append("if (typeof(Page_ClientValidate) == 'function'){");
    sb.Append("if (Page_ClientValidate() == false){return false;}} ");
    sb.Append("document.forms['FormID'].scrollLeft.value = 0;" +
        "document.forms['FormID'].scrollRight.value = 0;");
    sb.Append(this.Page.GetPostBackEventReference(this.btnSubmit));
    sb.Append(";");
    this.btnSubmit.Attributes.Add("onclick", sb.ToString());
}