Mantener posición de la página en la devolución de datos

Question

Hola chicos están trabajando en este proyecto para la escuela y tiene un problema

<asp:LinkButton ID="LinkEdit" runat="server" CssClass="right_bottom" 
     onclick="LinkEdit_Click" Height="16px">edit</asp:LinkButton> 
    <asp:LinkButton ID="Linkhide" runat="server" CssClass="right_bottom" 
     onclick="Linkhide_Click" Visible="False" hide</asp:LinkButton> 
    <br /> 
    <hr style="width: 740px; height: -6px; margin-left: 0px; " /> 
    <asp:Label ID="labelFullname" runat="server" Text="Full Name" CssClass="left_top"></asp:Label> 
    <asp:Label ID="labelNameDisplay" runat="server" Text="Put name here" CssClass="right_top"></asp:Label> 

    <br /> 
    <asp:Panel ID="panelName" runat="server" Height="240px" Visible="False" CssClass="panel_top" 
     style="text-align: left;"> 

     <asp:Label ID="Label8" runat="server" CssClass="left" Text="Please allow 24 hours for name changes to take effect."></asp:Label> 
    <div align="center"><br /> 
    <br /> 
    <table> 
     <tr> 
     <td class="label_new"> 
     <asp:Label ID="Label4" runat="server" Text="Full Name:" ToolTip="Name Displayed"></asp:Label> 
     </td> 
     <td align="left"> 

      <asp:DropDownList ID="DropDownList1" runat="server" BorderStyle="Groove" 
       Font-Names="Segoe UI,Tahoma,Verdana,Arial,Times" Font-Size="100%" Height="25px" 
      valign="middle" Width="250px"> 
       <asp:ListItem></asp:ListItem> 
       <asp:ListItem></asp:ListItem> 
       <asp:ListItem></asp:ListItem> 
      </asp:DropDownList> 
     </td> 
    </tr> 


    <tr> 
     <td class="label_new"> 
     <asp:Label ID="Label2" runat="server" Text="First Name:"></asp:Label> 
     </td> 
     <td align="left"> 
     <asp:TextBox ID="txtFirstName" runat="server" BorderStyle="Groove" Font-Names="Segoe UI,Tahoma,Verdana,Arial,Times" Font-Size="100%" Height="20px" 
      valign="middle" Width="242px"></asp:TextBox> 
     </td> 
    </tr> 

    <tr> 
     <td class="label_new"> 
     <asp:Label ID="Label9" runat="server" Text="Middle Name:"></asp:Label> 
     </td> 
     <td align="left"> 
     <asp:TextBox ID="txtMiddleName" runat="server" BorderStyle="Groove" Font-Names="Segoe UI,Tahoma,Verdana,Arial,Times" Font-Size="100%" Height="20px" 
      valign="middle" Width="242px" onfocus="if (this.value == 'optional') { this.value=''; this.style.color='black';}" /> 
     </td> 
    </tr> 

    <tr> 
     <td class="label_new"> 
     <asp:Label ID="Label10" runat="server" Text="Last Name:"></asp:Label> 
     </td> 
     <td align="left"> 
     <asp:TextBox ID="txtLastName" runat="server" BorderStyle="Groove" Font-Names="Segoe UI,Tahoma,Verdana,Arial,Times" Font-Size="100%" Height="20px" 
      valign="middle" Width="242px"></asp:TextBox> 
     </td> 
    </tr> 
    <tr> 
    <td colspan="2"> 
     <asp:Button ID="btnSaveChanges" runat="server" Text="Save Changes" 
      onclick="btnSaveChanges_Click" /> 
    </td> 
    </tr> 
    </table> 
    </div> 

    </asp:Panel> 

tengo 4 paneles en este formato al igual AJUSTES cuenta en Facebook. Mi problema aquí es cuando muestro el panel, solo salta a la parte superior de la página.

Me gustaría hacerlo igual que Facebook. haga clic y esté encendido en la misma posición donde hizo clic.

Gracias

Answer 1

No estoy del todo seguro de lo que está pidiendo. Facebook utiliza una gran cantidad de devoluciones de llamada de estilo AJAX, lo que significa que la página no se recarga con las devoluciones de versiones de estilo ASP.NET. Si recién está empezando, le recomendaría que intente colocar su código en un Ajax .NET UpdatePanel mientras aprende los detalles de Ajax/JSON/XMLHttpRequest, etc.

Si simplemente está buscando asegurarse de que el navegador la ventana permanece en la misma posición de la barra de desplazamiento después de una devolución de datos luego establece la página para usar la directiva MaintainScrollPositionOnPostback = "true".

Answer 2

Puede establecer la propiedad MaintainScrollPositionOnPostback en su página:

Page.MaintainScrollPositionOnPostback = true; 

o ponerlo en la declaración de la página

<%@ Page MaintainScrollPositionOnPostback="true" %>