滚动到某个特定元素 :scrollIntoView()

比如点击左侧列表,右边滚动到特定小标题位置

这个真是超好用,不用获取右边小标题的高度,啥都不用,有id或者class就行啦

举个栗子:

 
{{...}}

上边可以用v-for,具体就不详细写了,反正就是传参嘛

methods:{
  scrollToPosition(index){
     document.getElementsByClassName('rightBarClass')[index].scrollIntoView()
}

rightBarClass是右侧v-for出来的列表的class,这样就达成了效果。

放一些滚动效果的参数

{
    behavior: "auto"  | "instant" | "smooth",
    block:    "start" | "end"
}

其中smooth是平滑滚动 startend是目标滚动到的位置

你可能感兴趣的:(滚动到某个特定元素 :scrollIntoView())