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();”>就可以在刷新或提交后滚动条的位置保持不变了。

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/88464

WordPress安全防护插件
服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

电子邮件地址不会被公开。 必填项已用*标注

51建站客服微信二维码
点击这里购买