//html:
<a @click="goAnchor('#index1')">基本信息</a>
//javascript在methods中加入
goAnchor (selector: any) {
this.$el.querySelector(selector).scrollIntoView({
behavior: 'instant',//滚动效果 instant是瞬间过渡,smooth是平滑过渡
block: 'center'//设定跳转锚点在视窗的位置
})
}
document.querySelector(selector).scrollIntoView也是可以的
{
behavior: "auto" | "instant" | "smooth", // 默认auto
block: "start" | "center" | "end" | "nearest", // 默认start
inline: "start" | "center" | "end" | "nearest", // 默认nearest
}
————————————————
版权声明:本文为CSDN博主「RosaChampagne」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/RosaChampagne/article/details/107688246
这样就会在当前页面跳转到 id 为 index1 的div处。