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

简介:
1 /// <summary>
2 /// 保存div与页面滚动条的位置
3 /// </summary>
9 /// <param name="divId">DIV的ID数组</param>

10 public static void RetainScrollPosition( string[] divId)
11 {
12
13 System.Web.UI.Page page=(Page)HttpContext.Current.Handler;
14
15 string saveScrollPosition = "";
16 string setScrollPosition = "";
17
18 string saveScrollPositionDiv = "";
19 string setScrollPositionDiv = "";
20
21 #region 保存页面滚动条的状态
22 page.RegisterHiddenField("__SCROLLPOS_TOP","0");
23 page.RegisterHiddenField("__SCROLLPOS_LEFT","0");
24
25 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
28 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
32 #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
38 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
41 saveScrollPositionDiv = string.Format(saveScrollPositionDiv,"window.document.all('" + divId[i].ToString() + "')");
42 page.RegisterStartupScript("saveScroll" + divId[i].ToString(), saveScrollPositionDiv);
43
44 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
48 #region 注册客户端脚本
49 saveScrollPosition = "<script language='javascript'>function saveScrollPosition() {{" + saveScrollPosition + "}}{0}.onscroll=saveScrollPosition;</script>";
50 page.RegisterStartupScript("saveScroll", string.Format(saveScrollPosition,"window.document.body"));
51
52 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
60 }



本文转自高海东博客园博客,原文链接:http://www.cnblogs.com/ghd258/archive/2005/11/07/270441.html,如需转载请自行联系原作者
相关文章
|
10月前
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
|
Web App开发 JavaScript 程序员
如何去掉或者修改网页中的遮罩层,DIV等元素?
起因: 前几天女友在查资料写文章,打开一个网页,发现网页的被一个半透明的遮罩层给覆盖了(一个已经过期的组织活动 的网页,H5就将它遮盖了),就来问我怎么弄。
1746 0
|
8月前
|
JavaScript
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
|
8月前
|
前端开发
css实战——清除列表中最后一个元素的下边距
css实战——清除列表中最后一个元素的下边距
117 0
|
前端开发 JavaScript 容器
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
93 0
textarea光标初始位置没有在最左上角的问题
textarea光标初始位置没有在最左上角的问题
判断页面滚动条所在位置
判断页面滚动条所在位置
49 0
【Layui】修改页面的宽
【Layui】修改页面的宽
262 0
【Layui】修改页面的宽
|
JavaScript
div 滚动条自动保持在底部
div 滚动条自动保持在底部
461 0

热门文章

最新文章