解析 Page.MaintainScrollPositionOnPostBack 属性
来源:互联网 发布:手套 牌子 知乎 编辑:程序博客网 时间:2024/05/22 08:07
ASP.NET 的页面执行 PostBack 动作时,页面由伺服端重新传给客户端,而页面的垂直滚动条会跳回最上方,水平滚动条会跳回最左方。
为了解决此情形,只要将 Page 的MaintainScrollPositionOnPostBack 属性设为True 时,页面就会自动维护滚动条位置,它是如何实现这个动作的呢?
当把 Page.MaintainScrollPositionOnPostBack = "True" 时,检视 HTML 原始码,可以发现它多了"__SCROLLPOSITIONX" 及"__SCROLLPOSITIONY" 这二个 HiddenField,这二个 HiddenField 主要是要来记录页面滚动条的水平及垂直位置。
<input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0" /><input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="204" />
页面上也会多了以下这些JavaScript 程序代码,它主要是透过WebForm_SaveScrollPositionSubmit 及WebForm_RestoreScrollPosition 这二个函式来维护页面滚动条位置。
<script type="text/javascript"> <!-- theForm.oldSubmit = theForm.submit; theForm.submit = WebForm_SaveScrollPositionSubmit; theForm.oldOnSubmit = theForm.onsubmit; theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit; theForm.oldOnLoad = window.onload; window.onload = WebForm_RestoreScrollPosition; // --> </script>
当页面Submit 时会利用WebForm_SaveScrollPositionSubmit 函式来记录页面目前的水平及垂直滚动条位置,将水平滚动条位置记录于"__SCROLLPOSITIONX" 这个 HiddenField,垂直滚动条位置记录于"__SCROLLPOSITIONY" 这个 HiddenField。
而 PostBack 后页面重新加载后,会利用WebForm_RestoreScrollPosition 函式来回复页面滚动条位置,也就是将记录在"__SCROLLPOSITIONX" 及"__SCROLLPOSITIONY" 这二个 HiddenField 的值,重新设定页面的水平及垂直滚动条位置,如此就达到维护页面滚动条位置的动作了。
转载地址:http://www.cnblogs.com/jeff377/archive/2008/01/17/1042228.html
- 解析 Page.MaintainScrollPositionOnPostBack 属性
- 解析 Page.MaintainScrollPositionOnPostBack 属性
- 解析 Page.MaintainScrollPositionOnPostBack 属性 页面刷新后定位
- MaintainScrollPositionOnPostback属性
- 关于MaintainScrollPositionOnPostBack 属性
- ASP.NET中SmartNavigator(1.1)属性与MaintainScrollPositionOnPostback新属性解析
- MaintainScrollPositionOnPostback
- Asp.net2.0中的MaintainScrollPositionOnPostBack属性
- asp.net中MaintainScrollPositionOnPostback属性的使用
- No 18 · 属性MaintainScrollPositionOnPostBack网页定位
- <%@ Page%> page指令属性
- 滾動條與MaintainScrollPositionOnPostBack
- Page.IsPostBack 属性
- Page.Context 属性
- Page.Response 属性
- Page.SmartNavigation 属性
- Page.IsValid 属性
- Page.Response 属性
- Flex s:Label 设立超链接
- 网站推广请慎用网站推广工具
- linux kill用法、killall、pkill、xkill
- js日期选择器
- 蓝牙技术指标
- 解析 Page.MaintainScrollPositionOnPostBack 属性
- CI框架源码阅读---------Exceptions
- MYSQL中delete多表关联删除数据
- 整理关于JVM方面的知识点
- 每日编程18之中位数/任意第K大的元素
- 常用人脸库
- 两个非常简单的输出随机数的例子
- linux 下硬链接和软连接
- cpp头文件和实现文件里面写什么