Form表单提交返回或刷新页面后到原来提交的位置
以下代码由PHP站长网 52php.cn收集自互联网现在PHP站长网小编把它分享给大家,仅供参考 有时候,在网页中点击了页面中的按钮或是刷新了页面后,页面滚动条又 会回到顶部,想看后面的记录就又要拖动滚动条,或者要按翻页键,非常不方便,想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变,最好的办法就是 在 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();">就可以在刷新或提交后滚动条的位置保持不变了。 以上内容由PHP站长网【52php.cn】收集整理供大家参考研究如果以上内容对您有帮助,欢迎收藏、点赞、推荐、分享。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |