vue中的锚点定位问题_vue.js_

                                                                                                                                                   
  //要切换滚动的内容区域 
     
介绍
     
课程目录
     
课后福利

mounted(){ //1.mounted里面自动监听滚动事件   代码如下 this.$refs.content.onscroll = ()=>{      this.handleScroll();  } }, methods:{         handleScroll () {      let scrollTop = this.$refs.content.scrollTop;       let blocks = document.querySelectorAll('.conBlock');       blocks.forEach((item, index) => {         console.log("blocks",item.id)           if (scrollTop >= item.offsetTop) {               this.activeTabs = item.id;           }       })   },          tabshandleClick(data){             console.log("data",data)             let index=Number(data.index)     let blocks = document.querySelectorAll('.conBlock');     let step = 40;//滚动步长     let currentScrollTop = this.$refs.content.scrollTop;     let targetOffsetTop = blocks[index].offsetTop;     console.log("currentScrollTop",currentScrollTop);     console.log("targetOffsetTop",targetOffsetTop);     if(currentScrollTop > targetOffsetTop){         const smoothUp = ()=>{             if(currentScrollTop >= targetOffsetTop){                 if (currentScrollTop - targetOffsetTop >= step) {                     currentScrollTop -= step;                     setTimeout(smoothUp,1);                 } else {                     currentScrollTop = targetOffsetTop-step;                 }                 this.$refs.content.scrollTop = currentScrollTop;             }         };         smoothUp();     }else{         const smoothDown = ()=>{             if (currentScrollTop <= targetOffsetTop) {                 // 如果和目标相差距离大于等于step 就跳 step                 if (targetOffsetTop - currentScrollTop >= step) {                     currentScrollTop += step;                     setTimeout(smoothDown,1);                 } else {                     // 否则直接跳到目标点，防止跳过                     currentScrollTop = targetOffsetTop-step;                 }                 this.$refs.content.scrollTop = currentScrollTop;             }         };         smoothDown();     } }, }

scrollToSection(id) {    let section = document.getElementById(id)    if (section) {       section.scrollIntoView()    } }