Vue 锚点平滑滚动

无动画goAnchor(selector){//selector 是节点id:'anchor-'+indexdocument.querySelector("#app-root").scrollTop = Number(this.$el.querySelector('#'+selector).offsetTop)-155;}有动画goAnchor(selector) {//selector 是节点id:'anchor-'+indexconst scrollBox = document.querySelector('#app-root') // 容器let distance = scrollBox.scrollTopconst curTag = document.querySelector('#' + selector) // 节点tagconst offsetTop = curTag.offsetTop - 120 // 滚动距离let step = offsetTop / 50if (offsetTop > distance) {smoothDown()} else {const newTotal = distance - offsetTopstep = newTotal / 50smoothUp()}scrollBox.scrollTop = offsetTopfunction smoothDown() {if (distance < offsetTop) {distance += stepscrollBox.scrollTop = distancesetTimeout(smoothDown, 10)} else {scrollBox.scrollTop = offsetTop}}function smoothUp() {if (distance > offsetTop) {distance -= stepscrollBox.scrollTop = distancesetTimeout(smoothUp, 10)} else {scrollBox.scrollTop = offsetTop}}}