問題場景:
我有一個頁面查看下一頁信息須要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緩存
這兩篇文章還有待驗證,先放在這裏備用。微信