07 July 2008

How To Scroll To Top Of Page On An AJAX Postback [ASP.NET]

by Gopinath on Jul.07, 2008 @ 12:46 PM IST, under ASP.NET.

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Scrolling to top of the page on an Ajax request in ASP.NET page is quite tricky. The regular inline anchor techniques does not work. We need to handle the endRequest event and scroll the window to 0,0 coordinates(top of the page).

Here is the sample code that can be pasted on your aspx page to scroll an ASP.NET page to top on every Ajax postback operation.

<script type="text/javascript" language="javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestEventHandler);
function EndRequestEventHandler(sender, args)
{
    scrollTo(0,0)
}
</script>

Email This Post

Did you enjoy this article? If so, then subscribe to our RSS Feed or free daily newsletter.

Simillar Posts

2 Responses to “How To Scroll To Top Of Page On An AJAX Postback [ASP.NET]”

Drew Miller » Ajax Scroll To Top of Page on November 11th, 2008 @ 1:19 am

[...] down on the page the AJAX postback wouldn’t return the focus to the top of the next page. This blog post offered a quick solution that solved my problem quite nicely. <script type=”text/javascript” [...]
Kamil Kaproń on March 30th, 2009 @ 11:44 pm

Great tip!