如何在任何事件发生后保留浏览器滚动位置

Question

当我单击任何按钮时，我的页面正在重新加载并且页面位置正在发生变化。

第一页滚动到底部，然后再次滚动到顶部，然后移动到下侧。

在任何事件点击页面刷新后，如何保持滚动位置相同。

我在页面加载时尝试了

Page.MaintainScrollPositionOnPostBack = true;

但它不起作用。

我使用ajax updatepanel后，我的浏览器卡住了，而且性能很慢。

我有一个 aspx 页面，其中我正在调用 5 个 Web 用户控件。

请任何人帮助我..

在任何事件点击页面刷新后，如何保持滚动位置相同。

Answer 1

您是否尝试在页面上以声明方式设置MaintainScrollPositionOnPostBack属性，

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs"
    Inherits="test" MaintainScrollPositionOnPostback="true" %>

Answer 2

我使用了更新面板以及这个脚本，它对我来说效果很好。

 <script>
    var xPos, yPos;
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_beginRequest(BeginRequestHandler);
    prm.add_endRequest(EndRequestHandler);
    function BeginRequestHandler(sender, args) {
        xPos = document.getElementById("<%=Panel4.ClientID %>").scrollLeft;
        yPos = document.getElementById("<%=Panel4.ClientID %>").scrollTop;
    }
    function EndRequestHandler(sender, args) {
        document.getElementById("<%=Panel4.ClientID %>").scrollLeft = xPos;
        document.getElementById("<%=Panel4.ClientID %>").scrollTop = yPos;
    }
 </script>