1、在 data 中定义,滚动条距离顶部的距离:
data() {
return {
//滚动条距离顶部的距离
scrollTop:0
}
},
2、动态为右侧的 scroll-view 组件绑定 scroll-top 属性的值:
<!-- 右侧的滑动区域 -->
<scroll-view scroll-y="true" :style="{height:wh + 'px'}" :scroll-top="scrollTop">
3、切换一级分类时,动态设置 scrollTop 的值:
activeChange(i) {
this.active = i;
//重新为二级分类赋值
this.cateLevel2 = this.cateList[i].children;
//让scrollTop的值在0和1之间切换
this.scrollTop = this.scrollTop === 0 ? 1: 0
}