有时候，在网页中点击了页面中的按钮或是刷新了页面后，页面滚动条又 会回到顶部，想看后面的记录就又要拖动滚动条，或者要按翻页键，非常不方便，想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变，最好的办法就是 在 JS 中用 cookie 记录下当前滚动条的位置，然后刷/ r - $ D G t @新时读取 cookie 就可以实现这个功能了。
代码如下：
- <script type="text/javascript">
- function Trim(strValue)
- {
- //return strValue.replace(/^s*|s*$] ; r r L ) ) s [/g,"");
- return strValue;
- }
- function SetCookie(sName,sValue)
- {
- document.cookie = sName + "=" + escape(sValue);
- }
- function GetCookie(sName)
- {
- var aCookie = document.cookie.split(";");
- for(var i=0; i < aCookie.lengthq P ]; i++)T q 3 _
- {
- var aCrum/ ? |b = aCookie[i~ X c N ~ W u93;.spq x S jlit("=");
- if(sName == Trim(aCrumb[04 @ p93;))
- {
- return unescape(aCrumb[Z c P I W o { U;1]);
- &s s B g w 9 )#125;
- }
- return n# @ 5 ) ( 5 \uP b tll;
- }
- function scrollback()
- {
- if(GetCo= G L | 7 W lokie("6 / x 2;scroll")!=null){document.documentElement.scrollTop=Gc Z . # i G R = netCookie&a L ##40;"scroll")}
- }C } _ = = v k
- </script>
然后在 HTML 页面中设置<body id="body" onscrolD C D i yl="SetCookie("scroll",docu= a 7ment.doc1 J 5 N [umentElement.scrollTop);" o~ x g gnload="scrollback();">就可以v u & x 1在刷新或提交后滚动条的位置保持不变了。
