zoukankan      html  css  js  c++  java
  • 微信返回上一页停留在上次点击的位置

    问题场景: 
    我有一个页面查看下一页信息需要ajax累加页面,当加载了以后点击跳转链接,跳转之后在微信里点击返回上一页直接自动刷新页面,现在需要他返回上一页保存之前加载的数据并定位到当前点击跳转的地方 
    解决办法: 
    查了点资料,决定先用sessionStorage在每次请求ajax后存储当前加载完的所有页面,然后获取每次手指滑动页面的位置,存储在缓存中,返回页面时根据缓存显示数据并且定位

    复制代码
    $(function(){
      var value = sessionStorage.getItem("list_id");
      if(value !== null && value !== undefined && value !== ''){
        setTimeout(function(){
          var h = sessionStorage.getItem("scrolltop_id");
          $(document).scrollTop(h);
        },500)
      }
      $(document).on('touchstart',function(evt){
        var scroll = $(this).scrollTop();
        sessionStorage.setItem("scrolltop_id", scroll);
      })
      var storage_html = $('#grid').html();
      sessionStorage.setItem("list_id", storage_html);
    })
    复制代码

    京东公众号就是采用sessionStorage方式实现的。

    另外一篇参考文章:http://blog.csdn.net/u011551941/article/details/46691547

    这两篇文章还有待验证,先放在这里备用。

  • 相关阅读:
    完美解决Python与anaconda之间的冲突问题
    ansible之roles
    ansible剧本之playbook操作
    git从远程仓库拉取内容或向远程仓库上传内容
    python操作excel
    nginx基于uwsgi部署Django
    第二篇:版本控制git之分支
    笔试题92-101
    Django总结
    笔试题70-91
  • 原文地址:https://www.cnblogs.com/ianlab/p/14823327.html
Copyright © 2011-2022 走看看