1.初始化scroll

   这个博主就不贴图了大家都会

2.利用vue router的导航守卫把离开时的位置信息保存到vuex上

这里写图片描述
注意导航守卫要用在路由组件内,不然无效

3.在未使用scrollTo方法前记下scroll的maxScrollY

    方法:console.log(this.scroll.maxScrollY) scroll为你new的Bscroll实例名
    前提是你的scroll能正常使用

4.在钩子上使用scrollTo方法和修改scroll的属性这里写图片描述

这样就能实现跳回页面上次浏览位置了

博主是刚接触前端的小白,如果大家有建议,欢迎留言交流


版权声明:本文为博主原创文章,未经博主允许不得转载。

Logo

前往低代码交流专区

更多推荐