Question

我正在使用asp.net开发单页网站，在我的页面底部我创建了联系我们表单。问题是，当我点击联系我们表格的提交按钮时。它自动转到页面顶部html代码在这里`

<form id="form1" runat="server">

<div>
    <h2>Contact Us</h2>
    <br />
    <table>
        <!-- Name -->
        <tr>
            <td align="center">
                Name:</td>
            <td>
                <asp:TextBox ID="txtName" 
                                runat="server" BackColor="Transparent"
                                Columns="50"></asp:TextBox>
            </td>
        </tr>

        <!-- Subject -->
        <tr>
            <td align="center">
                Subject:
            </td>
            <td>
                <asp:TextBox ID="ddlSubject" runat="server"></asp:TextBox>
            </td>
        </tr>

        <!-- Message -->
        <tr>
            <td align="center">
                Message:
            </td>
            <td>
                <asp:TextBox ID="txtMessage" 
                                runat="server"
                                Columns="40"
                                Rows="6" 
                                TextMode="MultiLine"></asp:TextBox>
            </td>
        </tr>

        <!-- Submit -->
        <tr align="center">
            <td colspan="2">
                <a href="#btnSubmit">
                <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
                    onclick="btnSubmit_Click" /></a>

            </td>
        </tr>

        <!-- Results -->
        <tr align="center">
            <td colspan="2">
                <asp:Label ID="lblResult" runat="server"></asp:Label>
            </td>
        </tr>
    </table>
</div>
</form>`

Answer 1

使用UpdatePanel或者如果您真的想要SPA，请考虑使用AJAX开发网站，然后编写网络服务。

Answer 2

在Page_Load函数中设置：

Page.MaintainScrollPositionOnPostBack = true;

如果您希望在单击按钮后返回页面上的相同滚动位置。

Answer 3

您需要添加MaintainScrollPositionOnPostback =＆＃34; true＆＃34;到＆＃34;＆lt;％@ Page＆＃34; tag，你也可以在代码隐藏或web.config中设置它：

http://blogs.msdn.com/b/webdevelopertips/archive/2009/06/08/tip-75-did-you-know-how-to-maintain-scrollposition-after-post-back.aspx

当我点击联系我们表格的提交按钮时。它会自动转到页面顶部。但我想重新加载页面的特定部分

3 个答案: