Form表单提交返回或刷新页面后到原来提交的位置-59QC

有时候，在网页中点击了页面中的按钮或是刷新了页面后，页面滚动条又会回到顶部，想看后面的记录就又要拖动滚动条，或者要按翻页键，非常不方便，想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变，最好的办法就是在 JS 中用 cookie 记录下当前滚动条的位置，然后刷新时读取 cookie 就可以实现这个功能了。
代码如下：

```
<script type="text/javascript">
```
```
function Trim(strValue) 
```
```
{ 
```

//return strValue.replace(/^s*|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.length;　i++)

```
{ 
```
```
var aCrumb = aCookie[i].split("="); 
```
```
if(sName　== Trim(aCrumb[0])) 
```
```
{ 
```
```
return unescape(aCrumb[1]); 
```
```
} 
```
```
} 
```
```
 
```
```
　　return null; 
```
```
} 
```
```
 
```
```
function scrollback() 
```
```
{ 
```

if(GetCookie("scroll")!=null){document.documentElement.scrollTop=GetCookie("scroll")}

```
} 
```
```
</script>
```

然后在 html 页面中设置<body id=”body” onscroll=”SetCookie("scroll",document.documentElement.scrollTop);” onload=”scrollback();”>就可以在刷新或提交后滚动条的位置保持不变了。

服务范围	1、专业提供WordPress主题、插件汉化、优化、PHP环境配置等服务请详询在线客服
	2、本站承接 WordPress、DedeCMS、ThinkPHP 等系统建站、仿站、开发、定制等服务
	3、英文模板（主题）安装费用为120元/次，汉化主题首次免费安装（二次安装30元/次）
售后时间	周一至周五（法定节假日除外） 10:00-22:00
免责声明	本站所提供的模板（主题/插件）等资源仅供学习交流，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担，有部分资源为网上收集或仿制而来，若模板侵犯了您的合法权益，请来信通知我们（Email: [email protected]），我们会及时删除，给您带来的不便，我们深表歉意！

.demo tbody td a strong{color: #666;}.button_nowbuy,.button_demo {margin: 0em auto;border-style: none;border-width: 0px;padding: 0px;}#qrcode_en,#qrcode_cn{width: 130px;left: 10%;bottom: 250%;}a.button_demo:hover + #qrcode_en{visibility:visible;opacity: 1;bottom: 180%;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}a.button_demo:hover + #qrcode_cn{visibility:visible;opacity: 1;bottom: 180%;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}.table.demo{display: none;}

文章版权归作者所有，未经允许请勿转载。

THE END