asp.net c#在updatepanel中支持滾動條記憶功能

在非ajax頁面中,只要在page上設置 MaintainScrollPositionOnPostback="true" 即可進行記憶滾動條位置.

但是在ajax中,這個功能卻不能正確工作了,那麼我們應當如何讓div自動維護滾動條位置呢?

首先在頁面上增加 asp:panel控件 ,然後在aspx.cs後臺 加入以下方法:

/// /// 記住panel的滾動條位置 /// /// panel控件實例 /// 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); }