在做一个实战项目时,首页是一个商品列表页,引入better-scroll实现滚动效果
import BScroll from 'better-scroll';
mounted() {
this._initScroll();
},
methods: {
_initScroll() {
this.$nextTick(() => {
this.BScroll = new BScroll(this.$refs.container,{
click: true,
probeType: 3
});
this.pageOnScroll();
});
}
},
点击商品,跳转至商品详情页,返回时想要页面滚动到之前所在的位置,首先会想到vue-router的scrollBehavior方法
scrollBehavior(to, from, savePosition) {
if(savePosition) {
return savePosition
}else {
return {
x: 0,
y: 0
}
}
}
但效果却没出来,打印savePosition查看,显示为0和0
查询官方文档:
使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 vue-router
能做到&#