1、在页面没有使用AJAX时，在页面的Page命令中增加MaintainScrollPositionOnPostback="true"属性
<%@ Page Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostback="true" CodeBehind="Default.aspx.cs"
2、当页面没有使用AJAX时，第一种方法会无效，此时可以在DIV滚动时记住滚动条位置，并在提交后恢复滚动条位置
前台代码：
<%@ Page Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostback="true" CodeBehind="Default.aspx.cs" Inherits="Gridview_Scroll._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title></title> <script type="text/javascript" language="javascript"> function RecordPostion(obj) { var div1 = obj; var sx = document.getElementById('dvscrollX'); var sy = document.getElementById('dvscrollY'); sy.value = div1.scrollTop; sx.value = div1.scrollLeft; } function GetResultFromServer() { var sx = document.getElementById('dvscrollX'); var sy = document.getElementById('dvscrollY'); document.getElementById('dvGridView').scrollTop = sy.value; document.getElementById('dvGridView').scrollLeft = sx.value; } </script> </head> <body style="height:1500px"> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" > </asp:ScriptManager> <div> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <div id="dvGridView" style="height:400px; overflow:scroll" onscroll="javascript:RecordPostion(this);"> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" ShowHeader="false" > <Columns> <asp:TemplateField> <ItemTemplate> <asp:Label ID="Label2" runat="server" Text='<%#Eval("Id") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField> <ItemTemplate> <asp:Label ID="Label1" runat="server" Text='<%#Eval("Name") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> <asp:Timer ID="Timer1" runat="server" ontick="Timer1_Tick" Interval="2000"> </asp:Timer> </div> <asp:HiddenField ID="dvscrollX" runat="server" /> <asp:HiddenField ID="dvscrollY" runat="server" /> </ContentTemplate> </asp:UpdatePanel> </div> </form> </body> </html>
后台代码：
using System; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; namespace Gridview_Scroll { public partial class _Default : System.Web.UI.Page { protected static DataTable dt1; protected static DataTable dt2; protected static int iFlag = 0; protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { dt1 = new DataTable(); dt2 = new DataTable(); dt1.Columns.Add("Id", typeof(string)); dt1.Columns.Add("Name", typeof(string)); dt2.Columns.Add("Id", typeof(string)); dt2.Columns.Add("Name", typeof(string)); for (int i = 0; i < 100; i++) { DataRow dr1 = dt1.NewRow(); dr1["Id"] = i.ToString(); dr1["Name"] = "Jack_" + i.ToString(); dt1.Rows.Add(dr1); } for (int j = 0; j < 200; j++) { DataRow dr2 = dt2.NewRow(); dr2["Id"] = j.ToString(); dr2["Name"] = "Tom_" + j.ToString(); dt2.Rows.Add(dr2); } } } private void BindGridView() { if (iFlag % 2 == 1) { this.GridView1.DataSource = dt1; } else { this.GridView1.DataSource = dt2; } this.GridView1.DataBind(); string sjs = "GetResultFromServer();"; ScriptManager.RegisterClientScriptBlock(this.GridView1, this.GetType(), "", sjs, true); } protected void Timer1_Tick(object sender, EventArgs e) { iFlag++; BindGridView(); } } }
这两种方法，摘自CSDN两位网友Mr_ALei和AngleProgrammer在CSDN论坛中的回复内容