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