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的滚动动画。。