mpvue 实现点击tab栏小程序界面滚动

mpvue 锚点效果

实现的效果是：点击tab栏小程序界面随之滚动到规定位置，并监听页面滚动位置，实时定位tab选中效果。

html

<div>
    <van-sticky>
        <van-row>
            <van-col class="tabClass" span="8" v-for="(tabsItem,index) in imageList" :key="index">
              <a :class="[tabsItem.selected ? 'selected' : '']" @click="onClick(index)">{
  {tabsItem.name}}</a>
            </van-col>
        </van-row>
    </van-sticky>
</div>
<div class="imgList">
    <image v-for="(items,index) in imageList" :key="index" :src="items.url" mode="widthFix" @load="imgLoad" />
</div>

在data声明数据：

imageList: [
	 {
	   name: '特色',
	   selected: true,
	   url: