scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。

1、写好点击事件

 

2、在methods 中的点击事件中写 一下代码即可

// 点击滚动到顶部显示
toTitle(index) {
    document.getElementsByClassName("topicTitle")[index].scrollIntoView({
    behavior: "smooth", //[可选]定义动画过渡效果， “auto” 或 “smooth” 之一。默认为 “auto”
    block: "start", //[可选] 定义垂直方向的对齐， “start” , “center” , “end” , 或 “nearest” 之一。默认为 “start”
    // inline: "start" //定义水平方向的对齐， “start” , “center” , “end” , 或 “nearest” 之一。默认为 “nearest”
});
}