微信返回上一頁停留在上次點擊的位置

問題場景:
我有一個頁面查看下一頁信息需要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);
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章