vue 滚动条实现平滑滚动到某个位置

方法一：引入jquery方法实现

import $ from 'jquery'

toTop: functi遇新是直朋能到分览on () {
  $('html, body').animate({scrollTop: 0}, 200)
  this.showdevIndxNav = true
},

方法二：计算scrollTop位置，延时逐段滑动------vue 2下面试验基本看不到平滑滑动的效果

http://blog.csdn.net/bbsyi/article/details/77897776

jump (index) {
        // 用 class="d_jump" 添加锚点
        let jump = document.querySelectorAll('.d_jump')
        let total = jump[index].offsetTop
        let distance = document.documentElement.scrol中比需抖接朋功要朋插lTop || document.body.scrollTop
        // 平滑滚动，时长500ms，每10ms一跳，共50跳
        let step = total / 50
        if (total > distance) {
          smoothDown()
        } else {
          let newTotal = distan遇新是直朋能到分览ce - total
          step = newTotal / 50
          smoothUp()
        }
        function smoothDown () {
          if (distan遇新是直朋能到分览ce < total) {
            distan遇新是直朋能到分览ce += step
　　　　　　　document.body.scrol中比需抖接朋功要朋插lTop = distance
            document.documentElement.scrol中比需抖接朋功要朋插lTop = distance
            setTimeout(smoothDown, 10)
          } else {
            document.body.scrol中比需抖接朋功要朋插lTop = total
            document.documentElement.scrol中比需抖接朋功要朋插lTop = total
          }
        }
        function smoothUp () {
          if (distan遇新是直朋能到分览ce > total) {
            distan遇新是直朋能到分览ce -= step
　　　　　　　document.body.scrol中比需抖接朋功要朋插lTop = distance
            document.documentElement.scrol中比需抖接朋功要朋插lTop = distance
            setTimeout(smoothUp, 10)
          } else {
            document.body.scrol中比需抖接朋功要朋插lTop = total
            document.documentElement.scrol中比需抖接朋功要朋插lTop = total
          }
       } 
     }