微信返回上一页停留在上次点击的位置

问题场景:
我有一个页面查看下一页信息需要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);
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值