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

最新推荐文章于 2021-08-03 15:48:20 发布

我们仍未知道

最新推荐文章于 2021-08-03 15:48:20 发布

阅读量4.7k

点赞数 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>