asp.net C# は、updatepanel のスクロール バー メモリ機能をサポートします

非 Ajax ページでは、ページ上で MaintainScrollPositionOnPostback="true" を設定するだけで、スクロール バーの位置が記憶されます。

しかし、ajax ではこの関数は正しく動作しません。では、スクロール バーの位置を div に自動的に維持させるにはどうすればよいでしょうか?

まず、ページに asp:panel コントロールを追加し、次に aspx.cs のバックグラウンドに次のメソッドを追加します。

/// <summary> /// 记住panel的滚动条位置 /// </summary> /// <param name="panel" />panel控件实例 /// <param name="updatePanel" />ajax更新区域，可以为null，如果为null则执行非ajax逻辑，非ajax逻辑建议直接设置page的MaintainScrollPositionOnPostBack属性 protected void DoMaintainScrollPosition(Panel panel,UpdatePanel updatePanel=null) { StringBuilder sb = new StringBuilder(); sb.AppendLine(@"function Panel_SaveScrollPosition(PanelID){ if(document.getElementById(PanelID)!=null){ document.getElementById(PanelID+'_ScrollPosX').value = document.getElementById(PanelID).scrollLeft; document.getElementById(PanelID+'_ScrollPosY').value = document.getElementById(PanelID).scrollTop;}} function Panel_RestoreScrollPosition(PanelID){ if(document.getElementById(PanelID)!=null){ document.getElementById(PanelID).scrollLeft = document.getElementById(PanelID+'_ScrollPosX').value; document.getElementById(PanelID).scrollTop = document.getElementById(PanelID+'_ScrollPosY').value;}}"); HiddenField x = new HiddenField(); x.ID = panel.ClientID + "_ScrollPosX"; x.ClientIDMode = panel.ClientIDMode; panel. Controls.Add(x); HiddenField y = new HiddenField(); y.ID = panel.ClientID + "_ScrollPosY"; y.ClientIDMode = panel.ClientIDMode; panel. Controls.Add(y); string sScript = "Panel_SaveScrollPosition('" + panel.ClientID + "');"; if (updatePanel == null) { Page.ClientScript.RegisterClientScriptBlock(panel.GetType(), "PanelScrollFunction", sb.ToString(), true); Page.ClientScript.RegisterOnSubmitStatement(panel.GetType(), panel.ID + "_SavePanelScroll", sScript); } else { ScriptManager.RegisterClientScriptBlock(updatePanel, panel.GetType(), "PanelScrollFunction", sb.ToString(), true); ScriptManager.RegisterOnSubmitStatement(updatePanel, panel.GetType(), panel.ID + "_SavePanelScroll", sScript); } if (Page.IsPostBack) { x.Value = Page.Request.Form[x.ClientID]; y.Value = Page.Request.Form[y.ClientID]; sScript = "Panel_RestoreScrollPosition('" + panel.ClientID + "');"; if (updatePanel == null) { Page.ClientScript.RegisterStartupScript(panel.GetType(), panel.ID + "_SetPanelScroll", sScript, true); } else { ScriptManager.RegisterStartupScript(updatePanel, panel.GetType(), panel.ID + "_SetPanelScroll", sScript, true); } } }

次の方法でaspx.csで呼び出すことができます

protected void Page_Load(object sender, EventArgs e) { DoMaintainScrollPositionForAjax(Panel1,UpdatePanel1); }