web端锚点链接---vue

 

1.通过点击触发事件

     list是

2.方法里 锚点+定时器

1.scrollEl：是给有滚动条的元素加的id名

2. .offsetTop: 是当前元素（谁 . 他谁就是当前元素）距离浏览器顶部的高度。 js原生属性

3. .scrollTop : 是当前元素 滚动上去的高度

3.上代码

handleTabClick (item) {

      let height = document.getElementById(item.value).offsetTop - 86 // 到达目标的高度

      let count = document.getElementById('scrollEl').scrollTop  // 当前距离浏览器的高度

      let timer = setInterval(() => {

        document.getElementById('scrollEl').scrollTop = count;   // 把当前距离浏览器高度赋值给count

        if (height > count) {

          count = count+5

          if (count >= height) {

            clearInterval(timer)

          }

        } else {

          count = count-5

          if (count <= height) {

            clearInterval(timer)

          }

        }

      }, 1)

    },