假如我从文章列表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'
}
});