-
How to keep scroll position in Asp.net?
over 8 years ago
In asp.net, there are different ways to retain scroll position on postback. After Postback vertical scrollbar leave its position and access the same position on the page so to resolve this problem asp.net gives a property: “MaintainScrollPositionOnPostBack” which maintains the scrollbar position on the webpage.
There are three methods to implement this property:
Method1: If we want to implement scroll position programmatically
we can add this property on page load event. Also, we can add the same on button click event as:
For Example:
Page.MaintainScrollPositionOnPostBack = true;Method2: You have to mention directive in page directive section of aspx design page. It can be placed on the pages individually wherever the user wants to maintain scroll position.
For example:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" MaintainScrollPositionOnPostback="true" Inherits="_Default" %>Method3: If the user wants to implement this functionality for every page in the project, then this property will be added in Web.config file of the project. To maintain scroll position,we add this property in the page section of web.config file.
For example:
<configuration> <system.web> <pages maintainScrollPositionOnPostBack="true" /> </system.web> </configuration>Include the following code in your design part(Aspx page)
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ScrollWebForm.aspx.cs" Inherits="WebApplication8.ScrollWebForm"%> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <b>Please Scroll Down and click on the Submit button</b> <br /><br /><br /> <br /> 1. This is a scrollPosition testing Page <br /> 2. This is a scrollPosition testing Page <br /> 3. This is a scrollPosition testing Page <br /> 4. This is a scrollPosition testing Page <br /> 5. This is a scrollPosition testing Page <br /> 6. This is a scrollPosition testing Page <br /> 7. This is a scrollPosition testing Page <br /> 8. This is a scrollPosition testing Page <br /> 9. This is a scrollPosition testing Page <br /> 10. This is a scrollPosition testing Page <br /> 11. This is a scrollPosition testing Page <br /> 12. This is a scrollPosition testing Page <br /> 13. This is a scrollPosition testing Page <br /> 14. This is a scrollPosition testing Page <br /> 15. This is a scrollPosition testing Page <br /> 16. This is a scrollPosition testing Page <br /> 17. This is a scrollPosition testing Page <br /> 18. This is a scrollPosition testing Page <br /> 19. This is a scrollPosition testing Page <br /> 20. This is a scrollPosition testing Page <br /> 21. This is a scrollPosition testing Page <br /> 22. This is a scrollPosition testing Page <br /> 23. This is a scrollPosition testing Page <br /> 24. This is a scrollPosition testing Page <br /> 25. This is a scrollPosition testing Page <br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /> <br /><br /><br /><br /> <asp:Button Text="Submit" runat="server" OnClick="btnScroll_Click" /> <br /><br /><br /><br /><br /> <br /><br /><br /><br /> </form> </body> </html>Include the following code in code behind page(aspx.cs) if you want to implement this functionality programmatically:
protected void btnScroll_Click(object sender, EventArgs e) { Page.MaintainScrollPositionOnPostBack = true; }See the below screenshot for the reference:
0 Comment(s)