解析 Page.MaintainScrollPositionOnPostBack 属性

ASP.NET 的页面执行 PostBack 动作时，页面由伺服端重新传给客户端，而页面的垂直滚动条会跳回最上方，水平滚动条会跳回最左方。
为了解决此情形，只要将 Page 的MaintainScrollPositionOnPostBack 属性设为True 时，页面就会自动维护滚动条位置，它是如何实现这个动作的呢？

当把 Page.MaintainScrollPositionOnPostBack = "True" 时，检视 HTML 原始码，可以发现它多了"__SCROLLPOSITIONX" 及"__SCROLLPOSITIONY" 这二个 HiddenField，这二个 HiddenField 主要是要来记录页面滚动条的水平及垂直位置。

页面上也会多了以下这些JavaScript 程序代码，它主要是透过WebForm_SaveScrollPositionSubmit 及WebForm_RestoreScrollPosition 这二个函式来维护页面滚动条位置。

<!--
3

theForm.oldSubmit = theForm.submit;
4

theForm.submit = WebForm_SaveScrollPositionSubmit;
5

theForm.oldOnSubmit = theForm.onsubmit;
7

theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
8

theForm.oldOnLoad = window.onload;
10

window.onload = WebForm_RestoreScrollPosition;
11

// -->
12

</script>

当页面Submit 时会利用WebForm_SaveScrollPositionSubmit 函式来记录页面目前的水平及垂直滚动条位置，将水平滚动条位置记录于"__SCROLLPOSITIONX" 这个 HiddenField，垂直滚动条位置记录于"__SCROLLPOSITIONY" 这个 HiddenField。

而 PostBack 后页面重新加载后，会利用WebForm_RestoreScrollPosition 函式来回复页面滚动条位置，也就是将记录在"__SCROLLPOSITIONX" 及"__SCROLLPOSITIONY" 这二个 HiddenField 的值，重新设定页面的水平及垂直滚动条位置，如此就达到维护页面滚动条位置的动作了

转载于:https://www.cnblogs.com/qiuweiguo/archive/2011/08/03/2125754.html

解析 Page.MaintainScrollPositionOnPostBack 属性相关推荐

asp.net中MaintainScrollPositionOnPostback属性的使用
可能我们会经常遇到这种情况,当页面内容比较多的时候,当用户执行操作执行一次页面回送后,页面又重新从顶端开始显示,用户不得不重新拖动滚动条回到先前的位置,这会给用户带来很不友好的体验.即时使用updat ...
ASP.NET @Page指令属性
ASP.NET @Page指令属性 @Page指令位于每个ASP.NET页面的顶部,告诉ASP.NET这个具体页面使用什么属性,以及该页面继承的用户控件.ASP.NET页面@Page指令属性有:Asp ...
%@ Page% page指令属性
以前只知道会用就行,今天boss让我去理解一下<%@ Page%>里面的各个属性的用法,于是就有了这篇东凑西凑的文章! <%@ Page%>是页面指令,作用于当前页面,指定使用 ...
ASP.NET的Page.IsPostBack 属性详细说明(转)
转自:http://www.donews.net/shanyou/archive/2004/04.aspx 现在从对ASP.NET页面的执行顺序开始,体会一下B/S结构的程序的特点,下图是ASP.NE ...
浅析ASP.NET的Page.IsPostBack 属性
浅析ASP.NET的Page.IsPostBack 属性 http://www.sina.com.cn 2008年05月06日 11:33 IT168.com [IT168技术文档] 现在从对ASP ...
浅析ASP.NET的Page.IsPostBack 属性http://www.sina.com.cn 2008年05月06日 11:33 IT168.com
浅析ASP.NET的Page.IsPostBack 属性 http://www.sina.com.cn 2008年05月06日 11:33 IT168.com [IT168技术文档] 现在从对ASP ...
Page.IsValid 属性
Page.IsValid 是在 Page_Load 发生之后才会处理所以在 Page_Load 中调用它是无用的应该在 OnClick , OnSelectedIndexChanged 这类的服务 ...
Android Animation学习（四） ApiDemos解析：多属性动画
Android Animation学习(四) ApiDemos解析:多属性动画如果想同时改变多个属性,根据前面所学的,比较显而易见的一种思路是构造多个对象Animator , ( Animator可 ...
关于@Page的属性
关于@Page的属性属性 AspCompat 当设为 true 时,允许在单线程单元 (STA) 线程上执行页.这允许页调用 STA 组件,例如用 Microsoft Visual Basic 6. ...

解析 Page.MaintainScrollPositionOnPostBack 属性

解析 Page.MaintainScrollPositionOnPostBack 属性相关推荐

最新文章

热门文章