維護Panel的滾動條ScrollBars位置（C#）

我們常將內容放在Panel中，例如文章，GridView控件等....。當內容超出Panel的高、寬時，可能就需要滾動條來進行控制。 當點擊頁面中按鈕產生PostBack時，滾動條總是會回到最上面的位置，我們現在要解決的主要就是這個問題。

1. private void HandlePanelScrolBar()
2.     ...{
3.         //定義兩個HiddenField，分別紀錄Panel的ScrollBar的X與Y位置
4.         HiddenField HF_ScrollPosX = new HiddenField();
5.         HiddenField HF_ScrollPosY = new HiddenField();
7.         HF_ScrollPosX.ID = "ScrollPosX";
8.         HF_ScrollPosY.ID = "ScrollPosY";
9.         form1.Controls.Add(HF_ScrollPosX);
10.         form1.Controls.Add(HF_ScrollPosY);
12.         //生成JS：將Panel的ScrollBar的X,Y位置設置給兩個HiddenField
13.         string script;
14.         script = "window.document.getElementById('" + HF_ScrollPosX.ClientID + "').value = "
15.                   + "window.document.getElementById('" + P_Container.ClientID + "').scrollLeft;"
16.                   + "window.document.getElementById('" + HF_ScrollPosY.ClientID + "').value = "
17.                   + "window.document.getElementById('" + P_Container.ClientID + "').scrollTop;";
19.         this.ClientScript.RegisterOnSubmitStatement(this.GetType(), "SavePanelScroll", script);
21.         if (IsPostBack) //如果是PostBack，將保存在HiddenField的ScrollBar的X,Y值重設回給Panel的ScrollBar
22.         ...{
23.             script = "window.document.getElementById('" + P_Container.ClientID + "').scrollLeft = "
24.                     + "window.document.getElementById('" + HF_ScrollPosX.ClientID + "').value;"
25.                     + "window.document.getElementById('" + P_Container.ClientID + "').scrollTop = "
26.                     + "window.document.getElementById('" + HF_ScrollPosY.ClientID + "').value;";
28.             this.ClientScript.RegisterStartupScript(this.GetType(), "SetPanelScroll", script, true);
29.         }
30.     }

代碼中的P_Container爲Panel的名字