Setting focus on top of the page on click of asp.net link button

Question

I've a asp.net datagrid which shows customer order details. Pagination at the bottom of the grid is done using datalist and asp.net Linkbutton controls. Here is the code:

 <asp:DataList ID="DataList2" runat="server" CellPadding="1" CellSpacing="1" OnItemCommand="DataList2_ItemCommand"
                                        OnItemDataBound="DataList2_ItemDataBound" RepeatDirection="Horizontal">
                                        <ItemTemplate>
                                            <asp:LinkButton ID="lnkbtnPaging" runat="server" CommandArgument='<%# Eval("PageIndex") %>'
                                                CommandName="lnkbtnPaging" Text='<%# Eval("PageText") %>'></asp:LinkButton>
                                            <asp:Label runat="server" ID="lblPageSeparator" Text=" | " name=></asp:Label>
                                        </ItemTemplate>
                                    </asp:DataList>

When the user clicks on any page number(ie.Link button), I need to set focus on top of the page. How do i do this?

Thanks!

Answer 1

You could try setting a named anchor at the top of the page. Here is an article that explains it http://www.w3schools.com/HTML/html_links.asp

Answer 2

I think the default behaviour would be for the page scroll position to be set back to the top of the page. Is there anything else in your page that might be overriding this behaviour?

For example:

1. Is your DataList inside an UpdatePanel? In that case the current scroll position will be maintained over a (partial) post-back. You would therefore need to reset the scroll position to the top of the page yourself. One way to do this would be to implement a handler for the PageRequestManager's EndRequest client-side event which would set the scroll position - this thread explains how
2. Is the Page MaintainScrollPositionOnPostBack property set to true?

Answer 3

<table width="10000000px"></table>