問題場景:
我有一個頁面查看下一頁信息需要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);
})