保存div与页面滚动条的位置

最新推荐文章于 2025-10-21 14:23:34 发布

weixin_34318326

最新推荐文章于 2025-10-21 14:23:34 发布

阅读量69

点赞数

文章标签： ui

该博客提供了保存div与页面滚动条位置的代码实现。通过定义RetainScrollPosition方法，分别保存页面滚动条和div的滚动状态，利用隐藏字段存储位置信息，并注册客户端脚本在页面滚动和加载时进行位置的保存与恢复。

/**//// <summary>
2

/// 保存div与页面滚动条的位置
3

/// </summary>
9

/// <param name="divId">DIV的ID数组</param>
10

public static void RetainScrollPosition(string[] divId)
11

{
12

System.Web.UI.Page page=(Page)HttpContext.Current.Handler;
14

string saveScrollPosition = "";
16

string setScrollPosition = "";
17

string saveScrollPositionDiv = "";
19

string setScrollPositionDiv = "";
20

保存页面滚动条的状态#region 保存页面滚动条的状态
22

page.RegisterHiddenField("__SCROLLPOS_TOP","0");
23

page.RegisterHiddenField("__SCROLLPOS_LEFT","0");
24

saveScrollPosition = "document.forms[0].__SCROLLPOS_TOP.value = {0}.scrollTop;document.forms[0].__SCROLLPOS_LEFT.value = {0}.scrollLeft;";//}{0}.onscroll=saveScrollPosition;</script>";
26

setScrollPosition = "{0}.scrollTop ='{1}';{0}.scrollLeft ='{2}';";//}{0}.onload=setScrollPosition;</script>";
27

saveScrollPosition = string.Format(saveScrollPosition,"window.document.body");
29

setScrollPosition = string.Format(setScrollPosition,"window.document.body", page.Request.Form["__SCROLLPOS_TOP"],page.Request.Form["__SCROLLPOS_LEFT"]);
30

#endregion
31

保存divId的位置#region 保存divId的位置
33

for (int i = 0; i < divId.Length; i++)
34

{
35

page.RegisterHiddenField(divId[i].ToString() + "_TOP","0");
36

page.RegisterHiddenField(divId[i].ToString() + "_LEFT","0");
37

saveScrollPositionDiv = "<script language='javascript'>function saveScrollPosition" + divId[i].ToString() + "() {{document.all('" + divId[i].ToString() + "_TOP').value = {0}.scrollTop;document.all('" + divId[i].ToString() + "_LEFT').value = {0}.scrollLeft;}}{0}.onscroll=saveScrollPosition" + divId[i].ToString() + ";</script>";
39

setScrollPositionDiv += "{0}.scrollTop = {1};{0}.scrollLeft = {2};";
40

saveScrollPositionDiv = string.Format(saveScrollPositionDiv,"window.document.all('" + divId[i].ToString() + "')");
42

page.RegisterStartupScript("saveScroll" + divId[i].ToString(), saveScrollPositionDiv);
43

setScrollPositionDiv = string.Format(setScrollPositionDiv,"window.document.all('" + divId[i].ToString() + "')", page.Request.Form[divId[i].ToString() + "_TOP"],page.Request.Form[divId[i].ToString() + "_LEFT"]);
45

}
46

#endregion
47

注册客户端脚本#region 注册客户端脚本
49

saveScrollPosition = "<script language='javascript'>function saveScrollPosition() {{" + saveScrollPosition + "}}{0}.onscroll=saveScrollPosition;</script>";
50

page.RegisterStartupScript("saveScroll", string.Format(saveScrollPosition,"window.document.body"));
51

if(page.IsPostBack)
53

{
54

setScrollPosition = "<script language='javascript'>function setScrollPosition() {{" + setScrollPosition + setScrollPositionDiv + "}}{0}.onload=setScrollPosition;</script>";
55

page.RegisterStartupScript("setScroll", string.Format(setScrollPosition,"window.document.body"));
56

//page.RegisterStartupScript("setScrollDocument", string.Format(setScrollPosition,"window.document.body", page.Request.Form["__SCROLLPOS_TOP"],page.Request.Form["__SCROLLPOS_LEFT"]));
57

}
58

#endregion
59

}