Form表单提交返回或刷新页面后到原来提交的位置
|
下面是脚本之家 jb51.cc 通过网络收集整理的代码片段。脚本之家小编现在分享给大家，也给大家做个参考。 有时候，在网页中点击了页面中的按钮或是刷新了页面后，页面滚动条又 会回到顶部，想看后面的记录就又要拖动滚动条，或者要按翻页键，非常不方便，想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变，最好的办法就是 在 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(vari=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();">就可以在刷新或提交后滚动条的位置保持不变了。 以上是脚本之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。如果觉得脚本之家网站内容还不错，欢迎将脚本之家网站推荐给程序员好友。 （编辑：安卓应用网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |