示例:
demo.gif
我的切换点:
<div class="disease_tab_box">
<div v-for="(item, index) in datalist" :key="index" @click="tabChange(index)">{{item}}</div>
</div>
我的内容块:
<div :ref="'name_ref' + index" v-for="(name, index) in datalist" :key="inex">{{name}}</div>
我的事件:
tabChange(index) {
window.scrollTo({
top: this.$refs['name_ref' + index][0].getBoundingClientRect().top + window.scrollY-70,
behavior: 'smooth' // 平滑滚动
})
},
vue项目中用到,特此记录 2020-05-12
网友评论