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

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

这个真是超好用,不用获取右边小标题的高度,啥都不用,有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是目标滚动到的位置

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 阳光明媚,热热的阳光照在倾落在脸上,照的余小暖很是不适应。 走在上学的路上,她抬头看看天空,心里怅然“原来,这...
    六月桃桃阅读 881评论 3 2
  • 总觉得和婆婆处的比较好,不过偶尔也会有矛盾,都是鸡毛蒜皮,事后也算风平浪静。 家里的两个宝宝婆婆照顾的也是尽心尽力...
    有条件的爱不如不爱阅读 211评论 0 0
  • 其实当拿到offer的那一刻就想写这篇文章,但苦于小编前两天受高烧困扰,一直拖到了现在。病好后小编真想吟诗一首:“...
    水乡故事阅读 265评论 0 0