当点击后退时,返回到页面原来的位置

假如我从文章列表index.html中点击了某一篇跳转到文章详情页details.html,但是按浏览器的后退,要回到原来的位置。我把信息存到Cookies里,可能存LocalStorage也会更好。

// index.js

import Cookies from 'js-cookie'
import $ from 'jquery'

$(function () {
  // 距离顶部的距离
  let scrollTop = 0
  // 是否是从文章详情页后退回来的
  if(Cookies.get('pre')) {
     const pre = JSON.parse( Cookies.get('pre') )
     scrollTop = Cookies.get('scrollTop') 
     // 改变滚动条的位置
     $(document).scrollTop(scrollTop)
  }
  // 鼠标点击大图或者标题跳转到详情页
  $listsParent.on("click", ".head-map", function(e) {
     e.stopPropagation()
     Cookies.set('scrollTop', $(window).scrollTop())
     window.location.href = './details.html'
  }
});

你可能感兴趣的:(当点击后退时,返回到页面原来的位置)