Chrome浏览器中MaintainScrollPositionOnPostback功能失效问题求助

1. 替换ASP.NET自带滚动维护为前端手动控制 #

ASP.NET自带的maintainScrollPositionOnPostBack在复杂DOM场景下易出现跳动问题，直接禁用该配置，改用JavaScript在回发前后记录、恢复滚动位置：

• 移除页面及web.config中的maintainScrollPositionOnPostBack=true配置
• 在页面底部添加以下脚本：

// 记录滚动位置
window.addEventListener('beforeunload', function() {
    sessionStorage.setItem('scrollPosition', window.scrollY.toString());
});

// 恢复滚动位置
window.addEventListener('load', function() {
    const scrollPos = sessionStorage.getItem('scrollPosition');
    if (scrollPos) {
        window.scrollTo(0, parseInt(scrollPos));
        sessionStorage.removeItem('scrollPosition');
    }
});

2. 排查DOM重排引发的滚动跳动 #

下拉列表选中后显示文本框的操作可能触发页面布局重排，导致滚动异常：

• 将文本框初始状态设为visibility: hidden而非display: none，显示时切换为visibility: visible，减少布局重排
• 给文本框所在容器设置固定高度，避免显示/隐藏时改变页面总高度

3. 使用局部回发避免整页滚动 #

用UpdatePanel包裹下拉列表及对应文本框，实现局部回发，彻底规避整页滚动问题：

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:DropDownList ID="ddlExample" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlExample_SelectedIndexChanged">
            <asp:ListItem Text="选项1" Value="1"></asp:ListItem>
            <asp:ListItem Text="显示文本框" Value="2"></asp:ListItem>
        </asp:DropDownList>
        <asp:TextBox ID="txtExample" runat="server" Visible="False"></asp:TextBox>
    </ContentTemplate>
</asp:UpdatePanel>

仅UpdatePanel内内容会回发更新，页面不会出现滚动跳动。

内容的提问来源于stack exchange，提问作者spades0001