滚动到某个特定元素 :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"
}

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

上一篇下一篇

猜你喜欢

热点阅读