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

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

10 None.gif public static void RetainScrollPosition( string[] divId)
11 ExpandedBlockStart.gif ContractedBlock.gif dot.gif {
12InBlock.gif
13InBlock.gif System.Web.UI.Page page=(Page)HttpContext.Current.Handler;
14InBlock.gif
15InBlock.gifstring saveScrollPosition = "";
16InBlock.gifstring setScrollPosition = "";
17InBlock.gif
18InBlock.gifstring saveScrollPositionDiv = "";
19InBlock.gifstring setScrollPositionDiv = "";
20InBlock.gif
21ContractedSubBlock.gifExpandedSubBlockStart.gif保存页面滚动条的状态#region 保存页面滚动条的状态
22InBlock.gif page.RegisterHiddenField("__SCROLLPOS_TOP","0");
23InBlock.gif page.RegisterHiddenField("__SCROLLPOS_LEFT","0");
24InBlock.gif
25InBlock.gif saveScrollPosition = "document.forms[0].__SCROLLPOS_TOP.value = {0}.scrollTop;document.forms[0].__SCROLLPOS_LEFT.value = {0}.scrollLeft;";//}{0}.onscroll=saveScrollPosition;</script>";
26InBlock.gif setScrollPosition = "{0}.scrollTop ='{1}';{0}.scrollLeft ='{2}';";//}{0}.onload=setScrollPosition;</script>";
27InBlock.gif
28InBlock.gif saveScrollPosition = string.Format(saveScrollPosition,"window.document.body");
29InBlock.gif setScrollPosition = string.Format(setScrollPosition,"window.document.body", page.Request.Form["__SCROLLPOS_TOP"],page.Request.Form["__SCROLLPOS_LEFT"]);
30ExpandedSubBlockEnd.gif#endregion

31InBlock.gif
32ContractedSubBlock.gifExpandedSubBlockStart.gif保存divId的位置#region 保存divId的位置
33InBlock.giffor (int i = 0; i < divId.Length; i++)
34ExpandedSubBlockStart.gifContractedSubBlock.gifdot.gif{
35InBlock.gif page.RegisterHiddenField(divId[i].ToString() + "_TOP","0");
36InBlock.gif page.RegisterHiddenField(divId[i].ToString() + "_LEFT","0");
37InBlock.gif
38InBlock.gif 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>";
39InBlock.gif setScrollPositionDiv += "{0}.scrollTop = {1};{0}.scrollLeft = {2};";
40InBlock.gif
41InBlock.gif saveScrollPositionDiv = string.Format(saveScrollPositionDiv,"window.document.all('" + divId[i].ToString() + "')");
42InBlock.gif page.RegisterStartupScript("saveScroll" + divId[i].ToString(), saveScrollPositionDiv);
43InBlock.gif
44InBlock.gif setScrollPositionDiv = string.Format(setScrollPositionDiv,"window.document.all('" + divId[i].ToString() + "')", page.Request.Form[divId[i].ToString() + "_TOP"],page.Request.Form[divId[i].ToString() + "_LEFT"]);
45ExpandedSubBlockEnd.gif }

46ExpandedSubBlockEnd.gif#endregion

47InBlock.gif
48ContractedSubBlock.gifExpandedSubBlockStart.gif注册客户端脚本#region 注册客户端脚本
49InBlock.gif saveScrollPosition = "<script language='javascript'>function saveScrollPosition() {{" + saveScrollPosition + "}}{0}.onscroll=saveScrollPosition;</script>";
50InBlock.gif page.RegisterStartupScript("saveScroll", string.Format(saveScrollPosition,"window.document.body"));
51InBlock.gif
52InBlock.gifif(page.IsPostBack)
53ExpandedSubBlockStart.gifContractedSubBlock.gifdot.gif{
54InBlock.gif setScrollPosition = "<script language='javascript'>function setScrollPosition() {{" + setScrollPosition + setScrollPositionDiv + "}}{0}.onload=setScrollPosition;</script>";
55InBlock.gif page.RegisterStartupScript("setScroll", string.Format(setScrollPosition,"window.document.body"));
56InBlock.gif//page.RegisterStartupScript("setScrollDocument", string.Format(setScrollPosition,"window.document.body", page.Request.Form["__SCROLLPOS_TOP"],page.Request.Form["__SCROLLPOS_LEFT"]));
57ExpandedSubBlockEnd.gif }

58ExpandedSubBlockEnd.gif#endregion

59InBlock.gif
60ExpandedBlockEnd.gif }



本文转自高海东博客园博客,原文链接:http://www.cnblogs.com/ghd258/archive/2005/11/07/270441.html,如需转载请自行联系原作者
相关文章
|
3月前
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
|
Web App开发 JavaScript 程序员
如何去掉或者修改网页中的遮罩层,DIV等元素?
起因: 前几天女友在查资料写文章,打开一个网页,发现网页的被一个半透明的遮罩层给覆盖了(一个已经过期的组织活动 的网页,H5就将它遮盖了),就来问我怎么弄。
1663 0
|
10月前
|
前端开发 JavaScript 容器
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
57 0
|
9月前
textarea光标初始位置没有在最左上角的问题
textarea光标初始位置没有在最左上角的问题
|
9月前
判断页面滚动条所在位置
判断页面滚动条所在位置
21 0
form表单,tr循环生成,当超出页面显示时无滚动条
form表单,tr循环生成,当超出页面显示时无滚动条
104 0
|
JavaScript
div内容超出自动滚动
div内容超出自动滚动
418 0
div内容超出自动滚动
|
JavaScript
div 滚动条自动保持在底部
div 滚动条自动保持在底部
379 0
|
JSON 前端开发 JavaScript
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距