微信返回上一頁停留在上次點選的位置
阿新 • • 發佈:2019-01-22
問題場景:
我有一個頁面檢視下一頁資訊需要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);
})