WordPress教程

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

阿里云

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

  1. <script type="text/javascript">
  2. function Trim(strValue) 
  3. { 
  4. //return strValue.replace(/^s*|s*$/g,""); 
  5. return strValue;  
  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.documentElement.scrollTop=GetCookie("scroll")} 
  31. } 
  32. </script>
也想出现在这里?联系我们
创客主机

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

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

已有 437 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!