页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

简介:

方法一:
ContractedBlock.gif "防止页面滚动"

方法二:
Page.SmartNavigation = true;

有可能会造成你页面JavaScript 出错,这是ASP.NET 的一个BUG

方法三
利用<大眼睛>的原理,我把过程简化了一下,分三部分:
一、
在<form>与</form>之间插入<input type="hidden" name="__SCROLLPOS">,用以记录页面的当前滚动位置;
二、
给<body>起个名字,比如:<body id="theBody">,同时编写body的onscroll事件,总体如下:
<body id="theBody" onload="bodyload()" onscroll="document.all["__SCROLLPOS"].value = theBody.scrollTop;">
三、
在Page_Load事件中加入如下代码(vb.net),作用在于ie显示该页面时,马上重新定位原来的滚动位置:
  Dim js As String
  js = "<script language=""javascript"">function bodyload() {"
js &= "js &= "theBody.scrollTop = " & CInt("0" & Request.Form("__SCROLLPOS")) & "; "
js &= "document.forms[0].__SCROLLPOS.value = " & CInt("0" & Request.Form("__SCROLLPOS")) & "; "
js &= "}</script>"
  Response.Write(js)

None.gif Not在此把Not在做一个项目时的解决方法拿出来与大家共享。
None.gifNot的思路是事件执行完后写段脚本,让页面自动滚动到刷新页面之前的控件处,减少页面刷新带来的不便。
None.gif比如按了一个按钮后,脚本会自动将页面自动滚动到这个按钮的位置。
None.gif
None.gif写段脚本的事情Not用了一个ScriptHelper的类来搞定,这个类有个GetViewControlScript(string controlName)的方法,它返回是一段客户端的脚本,传入的参数就是这个控件的ID。
None.gif
None.gifScriptHelper类代码:
None.gif
None.gif /// 
< summary >
None.gif /// 提供一些产生页面脚本的方法
None.gif /// 
</ summary >
None.gif public class ScriptHelper
None.gif {
None.gif
None.gif  /// 
< summary >
None.gif  /// 获取客户端查看控件的脚本
None.gif  /// 
</ summary >
None.gif  /// 
< param  name ="controlName" ></ param >
None.gif  /// 
< returns > 脚本代码 </ returns >
None.gif  public static string GetViewControlScript(string controlName)
None.gif  {
None.gif
None.gif   //创建客户端函数ViewObj
None.gif   string script = "\n";
ExpandedBlockStart.gif   script += "
< script  language =\"javascript\" > \n";
InBlock.gif   script += 
"function ViewObj(objName)\n";
ExpandedSubBlockStart.gif   script += 
"{\n";
InBlock.gif   script += 
"var obj = document.all.item(objName);\n";
InBlock.gif   script += 
"if (obj != null)\n";
ExpandedSubBlockStart.gif   script += 
"{\n";
InBlock.gif   script += 
"\tobj.scrollIntoView();\n";
InBlock.gif   script += 
"\tobj.focus();\n";
ExpandedSubBlockEnd.gif   script += 
"}
\n";
ExpandedSubBlockEnd.gif   script += 
"}
\n";
InBlock.gif
InBlock.gif   //创建客户端函数ToDo
InBlock.gif   script += 
"function ToDo()";
ExpandedSubBlockStart.gif   script += 
"{\n";
InBlock.gif   script += string.Format(
"setTimeout(\"ViewObj('{0}')\",1000);\n", controlName);
ExpandedSubBlockEnd.gif   script += 
"}
\n";
InBlock.gif
InBlock.gif   script += 
"window.onload = ToDo;\n";
ExpandedBlockEnd.gif   script += 
"
</ script > \n";
None.gif
None.gif   return script;
None.gif  }
None.gif
None.gif }
None.gif
None.gif使用示例:
None.gif
None.gif为了方便输入脚本,我在页面上放了个Label:lblScript,并把lblScript的EnableViewState属性和Visible属性设成False。
None.gif然后在lblScrpt的Click事件的操作代码后添加输入脚本的代码,如下所示:
None.gif
None.gifprivate void btnSave_Click(object sender, System.EventArgs e)
None.gif{
None.gif project.UpdateProjectInfo(ds);
None.gif lblScript.Text = ScriptHelper.GetViewControlScript("btnSave");
None.gif}
None.gif
None.gif在点击btnSave按钮后,页面会自动滚动到btnSave的位置,减少了页面刷新带来的不便。
None.gif
None.gif



本文转自高海东博客园博客,原文链接:http://www.cnblogs.com/ghd258/archive/2005/10/12/253407.html,如需转载请自行联系原作者
相关文章
|
18天前
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
|
1月前
定位网页元素
定位网页元素
8 0
|
6月前
|
前端开发 JavaScript 容器
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
29 0
|
8月前
scrollIntoView()定位元素显示导致页面上移解决方法?
scrollIntoView()定位元素显示导致页面上移解决方法?
219 0
|
4月前
|
前端开发 JavaScript
在一张图片上添加鼠标移入和移出事件,并定位图片中的内容
在一张图片上添加鼠标移入和移出事件,并定位图片中的内容
51 1
|
4月前
|
iOS开发
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
35 1
|
5月前
判断页面滚动条所在位置
判断页面滚动条所在位置
13 0
利用offsetTop和scrollTop实现移动端常见的当分类栏移动到顶部时固定位置效果
利用offsetTop和scrollTop实现移动端常见的当分类栏移动到顶部时固定位置效果
164 0
|
JavaScript
原生js判断某个区域的滚动条滚动到了底部
原生js判断某个区域的滚动条滚动到了底部
原生js判断某个区域的滚动条滚动到了底部
|
JavaScript
页面回发后,让页面自动滚动到指定位置的一种简单的方法
最近某客户做实施,顺便完善一下程序。突然找到了一个老问题的解决方法。 就是当用户按一个按钮后,希望回发后的页面滚到一个指定的位置,而不是页面的开头部分。以前看过一篇文章介绍了一种方法,当时也没有理解,也没有记录下来,现在又遇到了这个问题,还是自己想一个简单点的方法吧。
873 0