问题场景:
我有一个页面查看下一页信息须要ajax累加页面,当加载了之后点击跳转连接,跳转以后在微信里点击返回上一页直接自动刷新页面,如今须要他返回上一页保存以前加载的数据并定位到当前点击跳转的地方
解决办法:
查了点资料,决定先用sessionStorage在每次请求ajax后存储当前加载完的全部页面,而后获取每次手指滑动页面的位置,存储在缓存中,返回页面时根据缓存显示数据而且定位html
$(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方式实现的。ajax
另一篇参考文章:http://blog.csdn.net/u011551941/article/details/46691547缓存
这两篇文章还有待验证,先放在这里备用。微信