博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信返回上一页停留在上次点击的位置
阅读量:5844 次
发布时间:2019-06-18

本文共 832 字,大约阅读时间需要 2 分钟。

问题场景: 

我有一个页面查看下一页信息需要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

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

转载于:https://www.cnblogs.com/zhaoyihao/p/6742351.html

你可能感兴趣的文章
axios 中断请求
查看>>
Spring的注解配置与XML配置之间的比较
查看>>
2014手机分析图
查看>>
Linux PID 1 和 Systemd
查看>>
一元多项式相加
查看>>
commandLink/commandButton/ajax backing bean action/listener method not invoked (转)
查看>>
js计算时间差,包括计算,天,时,分,秒
查看>>
使用rsync在windows(服务端)与linux(客户端)之间同步
查看>>
软件工作的大环境
查看>>
vs2013中,自定义mvc 添加视图脚手架
查看>>
移动端Web开发调试之Chrome远程调试(Remote Debugging)
查看>>
Eclipse插件开发中的选择监听机制(Selection Provider-Listener)
查看>>
Java类加载过程及static详解
查看>>
background-color和background-image相关细节
查看>>
如何学好C#
查看>>
梅沙教育APP简单分析-版本:iOS v1.2.21-Nathaneko-佳钦
查看>>
Word中如何设置图片与段落的间距为半行
查看>>
Firefox about
查看>>
Angular - - angular.element
查看>>
美图秀秀首页界面按钮设计(二)
查看>>