美文网首页
js:返回到页面时滚动到上次浏览位置

js:返回到页面时滚动到上次浏览位置

作者: 思无邪cc | 来源:发表于2017-03-02 12:45 被阅读550次
    客户端存储数据的两个对象为:
    • localStorage:没有时间限制的数据存储
    • sessionStorage - 针对一个 session 的数据存储(关闭窗口,存储的数据清空)
    代码块:
    //滚动时保存滚动位置
    $(window).scroll(function(){
      if($(document).scrollTop()!=0){
        sessionStorage.setItem("offsetTop", $(window).scrollTop());
      }
    });
    //onload时,取出并滚动到上次保存位置
    window.onload = function(){
      var offset = sessionStorage.getItem("offsetTop");
      $(document).scrollTop(offset);
    };
    
    注:当window.onload没效果时,可尝试$(document).ready(function());

    【代码部分非原创,来源不可考】

    相关文章

      网友评论

          本文标题:js:返回到页面时滚动到上次浏览位置

          本文链接:https://www.haomeiwen.com/subject/yovhgttx.html