适用于内容过多有滚动轴,使用localStorage 或 sessionStorage(根据实际情况)存储下当前滚动位置,返回时获取并使用scrollTop定位到指定位置
<div
class="content"
ref="scrollContainer">
</div>
mounted() {
// 详情页返回首页滚动到进入时的位置
const scrollPosition = JSON.parse(localStorage.getItem('scrollPosition'));
// container 首页带滚动轴盒子
const container = this.$refs.scrollContainer;
if (scrollPosition) {
// 恢复滚动位置 behavior:smooth(平滑滚动)auto(立即滚动)
container.scrollTo({
top: scrollPosition,
behavior: 'auto'
});
localStorage.removeItem('scrollPosition');
}
},
methods:{
goDetial(){
this.setScrollPosition();
}
// 记录首页滚动位置
setScrollPosition() {
const scrollPosition = this.$refs.scrollContainer.scrollTop;
localStorage.setItem('scrollPosition', scrollPosition);
},
}