热门关键字:  PHP  Cisco  seo  网络广告 虚拟主机 中文域名

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

来源:cnblog 作者: 时间:2007-08-16 点击:
在这个项目里面有些检索页面拉的很长,每次点页面以下的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   onscroll=SetCookie("scroll",body.scrollTop);   onload="scrollback();">就OK!

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
赞助商连接