问题场景:
我有一个页面查看下一页信息需要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
这两篇文章还有待验证,先放在这里备用。