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

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

  • 相关阅读:
    c++ 单例模式
    c++ 时间格式化
    c++ read
    c++ 时间与字符串转换
    c++ switch case
    HIVE Transform using 用法
    python安装模块
    pip install psutil出错-You are using pip version 10.0.1, however version 18.0 is available.
    centos下安装Loadrunner
    svn-checkout后,循环遍历查找包含某字符串的文件
  • 原文地址:https://www.cnblogs.com/zhaoyihao/p/6742351.html
Copyright © 2011-2022 走看看