页面刷新后保持滚动条的位置不变
该文章转载自网络大本营： http://www.xrss.cn/Info/14147.Html
在这个项目里面有些检索页面拉的很长,每次点页面以下的Button提交后,页面滚动条又回到顶部,想看下面的记录很不方便,想在提交页面或者页面刷新后保持滚动条的位置不变,最好的办法莫过于用JavaScript实现了.在这里特别感谢"秋天叶落"给予帮助让我解决了这一难题,具体的实现代码如下:
1 <script type="text/Javascript">
2 //画面ScrollBar処理
3 function Trim(strValue)
4 {
5 return strValue.replace(/^/s*|/s*$/g,"");
6 }
7
8 function SetCookie(sName,sValue)
9 {
10 document.cookie = sName + "=" + escape(sValue);
11 }
12
13 function GetCookie(sName)
14 {
15 var aCookie = document.cookie.split(";");
16 for(var i=0; i < aCookie.length; i++)
17 {
18 var aCrumb = aCookie[i].split("=");
19 if(sName == Trim(aCrumb[0]))
20 {
21 return unescape(aCrumb[1]);
22 }
23 }
24
25 return null;
26 }
27
28 function scrollback()
29 {
30 if(GetCookie("scroll")!=null){document.body.scrollTop=GetCookie("scroll")}
31 }
32 </script>然后设置<body id=body οnscrοll=SetCookie("scroll",body.scrollTop); οnlοad="scrollback();">就OK!
该文章转载自网络大本营： http://www.xrss.cn/Info/14147.Html
在这个项目里面有些检索页面拉的很长,每次点页面以下的Button提交后,页面滚动条又回到顶部,想看下面的记录很不方便,想在提交页面或者页面刷新后保持滚动条的位置不变,最好的办法莫过于用JavaScript实现了.在这里特别感谢"秋天叶落"给予帮助让我解决了这一难题,具体的实现代码如下:
1 <script type="text/Javascript">
2 //画面ScrollBar処理
3 function Trim(strValue)
4 {
5 return strValue.replace(/^/s*|/s*$/g,"");
6 }
7
8 function SetCookie(sName,sValue)
9 {
10 document.cookie = sName + "=" + escape(sValue);
11 }
12
13 function GetCookie(sName)
14 {
15 var aCookie = document.cookie.split(";");
16 for(var i=0; i < aCookie.length; i++)
17 {
18 var aCrumb = aCookie[i].split("=");
19 if(sName == Trim(aCrumb[0]))
20 {
21 return unescape(aCrumb[1]);
22 }
23 }
24
25 return null;
26 }
27
28 function scrollback()
29 {
30 if(GetCookie("scroll")!=null){document.body.scrollTop=GetCookie("scroll")}
31 }
32 </script>然后设置<body id=body οnscrοll=SetCookie("scroll",body.scrollTop); οnlοad="scrollback();">就OK!
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
