水平滚动条不能保持后背上的位置

Question

我正在处理一个带有水平滚动条的面板的页面：

<div id="pagingPanelDiv">
    <asp:Panel ID="pagingPanel" runat="server" Height="50px" Width="1275px" ScrollBars="Horizontal" Wrap="false"></asp:Panel>
</div>

我希望滚动条在回发时保持其位置，例如当按下滚动条中的一个按钮时。因此我添加了MaintainScrollPositionOnPostback =“true”：

<%@ Page Language="C#" MasterPageFile="~/master/template.master" AutoEventWireup="true" MaintainScrollPositionOnPostback="true" CodeFile="report1.aspx.cs" Inherits="admin_report1" %>

这不起作用。如何获得所需的结果？

Answer 1

您需要将<div>自己的滚动位置存储到隐藏的<input />中，在会话之间保留并加载它 - ASP.NET的MaintainScrollPositionOnPostback仅存储滚动主视口的坐标，而不是任何可滚动的子视图。

Answer 2

如果可能，请尝试使用UpdatePanel中的水平滚动包装页面部分。

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <div id="pagingPanelDiv">
            <asp:Panel ID="pagingPanel" runat="server" Height="50px" Width="1275px" 
                ScrollBars="Horizontal" Wrap="false"></asp:Panel>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>