Archivo de la etiqueta: scroll

ASP.NET mantener la posición del scroll después de un postback

aspnetEn paginas web con mucho contenido vertical, hace que estas sean muy largas, y al hacer un postback, el scroll se ha situado al principio de esta. Esto se convierte en un engorro para el usuario, lo que resta navegabilidad y usabilidad a la pagina.

La idea es poder dejar la pagina en la misma posición de scroll, cuando el usuario haga un postback. Para conseguirlo, se pueden usar tres métodos, uno global de la aplicación Web y el resto específico a cada página:

  • En el archivo de configuración web.config, ubique la sección <pages> y agregue el siguiente atributo estableciendo a su valor a “true”:
    maintainScrollPositionOnPostBack="true"

    Lo anterior mantendrá la posición del scroll para todas las páginas web de sitio.

  • En la declaración a nivel de página (@Page), agregue el atributo homólogo al anterior con el mismo valor:
    <%@ Page MaintainScrollPositionOnPostback="true" %>

    Con esto se mantiene la posición del scroll únicamente para la página en cuestión.

  • Si se requiere realizarlo mediante código, se puede utilizar:
    System.Web.UI.Page.MaintainScrollPositionOnPostBack = true;

    Lo cual es equivalente a realizarlo en la declaración a nivel de página.