js刷新页面时仍保留在当前位置

最新推荐文章于 2021-10-04 17:36:19 发布

我们仍未知道

最新推荐文章于 2021-10-04 17:36:19 发布

阅读量4.6k

点赞数 1

本文链接：https://blog.csdn.net/qq_42113959/article/details/105988525

版权

html刷新页面时都会回到页面顶部，页面较长会造成用户的体验感变差，此时我们需要定位滚动条的位置，在刷新后重新回到该位置。以下是js代码。
给body添加id和绑定事件：

<body id="body"   onscroll=SetCookie("scroll",body.scrollTop);   onload="scrollback();">

函数：

<script type="text/javascript">
   function  Trim(strValue)
   {
      return   strValue.replace(/^s*|s*$/g,"");
   }

   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.body.scrollTop=GetCookie("scroll")}
   }
</script>

这样就可以完成刷新不跳回顶部。
参考文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我们仍未知道

关注关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
js刷新页面时仍保留在当前位置

html刷新页面时都会回到页面顶部，页面较长会造成用户的体验感变差，此时我们需要定位滚动条的位置，在刷新后重新回到该位置。以下是js代码。给body添加id和绑定事件：<body id="body" onscroll=SetCookie("scroll",body.scrollTop); onload="scrollback();">函数：<script type...
复制链接

扫一扫