页面刷新后保持滚动条的位置不变

最新推荐文章于 2022-09-16 11:47:19 发布

kunguo

最新推荐文章于 2022-09-16 11:47:19 发布

阅读量4.9k

点赞数

文章标签： scroll function javascript button null 网络

页面刷新后保持滚动条的位置不变
该文章转载自网络大本营： 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!