scroll-top:滚动条内部到顶部距离属性
1.对左边每一项分类绑定事件
<scroll-view scroll-y="true" class="scroll_left" :style="{height:wh+'px'}">
<block v-for="(item,index) in ClassList" :key="index">
<view class="item_class"
:class="{active:index===active}"
@click="handle(index)">{{item.cat_name}}</view>
</block>
</scroll-view>
2.定义属性数据
data() {
return {
scroll_top: 0,//重置滚动条顶部
},
3.右侧滚动条绑定属性
<scroll-view scroll-y="true" class="scroll_right" :style="{height:wh+'px'}" :scroll-top="scroll_top">
4.事件处理
handle(i) {
// 处理滚动条重置顶部
this.scroll_top = this.scroll_top ? 0 : 1
}