Vue 怎么做scrolltop 的滚动动画

Question

做个了需求是点击右侧的item 左边滚动到队员的位置。。
请问怎么可以在滚的时候加一些过度效果。。下面是我的代码

scrollToEl(name){

      let scrollPosition=0

      this.playerlist.forEach((item,index)=>{

        if(item.players_name==name){

          scrollPosition=index

        }

      })

      // this.$refs.index[scrollPosition].scrollIntoView()

      let jump=document.querySelectorAll('.pick-right-item')

      let total=jump[scrollPosition].offsetTop

      console.log(total);

      // Chrome

      document.body.scrollTop = total

    }

这样可以直接滚动到制定位置，但是在vue中怎么做scroll的滚动动画。。