scrollIntoView锚点跳转 超好用

  
      <ul class="header-nav">
        <li v-for="(item,i) in typeList" :key="i" :class="now === i ? 'active' : ''"
            @click="scrollToPosition(i)">
          {{item.name}}
          <div class="btm">div>
        li>
      ul>
  
      <div class="typeList">
        <div v-for="(vl,i) in typeListNew" :key="i" class="roll">
          <span class="newuse">{{vl.title}}span>
          <div class="typeContent" v-for="(item,i) in vl.list" :key='i'>
            <div class="left">div>
            <div class="right">
              <div class="top">{{item.typeNeme}}div>
              <div class="btm">{{item.MS}}div>
            div>

          div>

        div>
      div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

scrollToPosition(i) {
      this.now = i
      document.getElementsByClassName('roll')[i].scrollIntoView({
        behavior: 'smooth', // 平滑过渡
        block: 'start' // 上边框与视窗顶部平齐。默认值
      })
    },
1
2
3
4
5
6
7