滚动到某个特定元素 :scrollIntoView()
2018-10-26 本文已影响0人
旸云
比如点击左侧列表,右边滚动到特定小标题位置
这个真是超好用,不用获取右边小标题的高度,啥都不用,有id或者class就行啦
举个栗子:
<div @click="scrollToPosition(index)">{{...}}</div>
上边可以用v-for,具体就不详细写了,反正就是传参嘛
methods:{
scrollToPosition(index){
document.getElementsByClassName('rightBarClass')[index].scrollIntoView()
}
rightBarClass
是右侧v-for出来的列表的class
,这样就达成了效果。
放一些滚动效果的参数
{
behavior: "auto" | "instant" | "smooth",
block: "start" | "end"
}