作者:用户x735b8j5iu | 来源:互联网 | 2023-10-13 13:24
1.vue页面跳转之后记录跳转之前的位置,返回之后继续回到刚刚访问的位置(单页面应用)2.这是我在created里面的代码,能拿到scrollTop值,就是返回之后设置不上let
1.vue页面跳转之后记录跳转之前的位置,返回之后继续回到刚刚访问的位置(单页面应用)
2.这是我在created里面的代码,能拿到scrollTop值,就是返回之后设置不上
let ls = window.localStorage;
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| if (ls.getItem('sTop')) {
let oldStop = ls.getItem('sTop');
// 获取到的值来设置页面滚动条的位置
if (document.documentElement.scrollTop) {
document.documentElement.scrollTop = oldStop;
} else {
document.body.scrollTop = oldStop;
}
} else {
console.log('抱歉,找不到滚动条的值');
}
// 监听页面滚动条的状态(是否滚动)
window.addEventListener('scroll', function() {
// 滚动时获取页面滚动条的位置
var sTop =document.body.scrollTop || document.documentElement.scrollTop;
console.log(sTop)
// 滚动条的位置保存到本地存储里面
ls.setItem('sTop', sTop);
}, false); |
3.似乎没看到任何不妥之处啊