一、问题
当老板写代码时,遇到一个需求，需要实现一个点击事件,实现类似HTML锚点效应的定位函数,将页面定位到相应的选择中,但是Recr不能使用链接来进行锚点点击,因为链接触发了路由跳跃,因此博主搜罗八方，找到一个方法。
二、解决方法
DOM objects.scrollIntoView({block:",behavior:"",inline:""})
该块设置“开始”、“中心”、“结束”或“最近”的垂直排列。
该行为设置了动画过渡效果,即“自动”或“滑动”。
内行设置水平方向为"开始","中心","结束",或"最近",莫尔说它是"最近".
三、代码
关键函数：
hander = (value)=>{
if(value){
//获取dom节点
let anchorElement = document.getElementById(value)
//通过 scrollIntoView方法
// 该块设置“开始”、“中心”、“结束”或“最近”的垂直排列。
// 该行为设置了动画过渡效果,即“自动”或“滑动”。
// 内行设置水平方向为"开始","中心","结束",或"最近",莫尔说它是"最近".
if(anchorElement) {anchorElement.scrollIntoView({block:"start",behavior:"smooth"})}
}
}
应该指出,位置框的ID与您输入的值相符,可以通过 document.getElementById(输入值)获取相应的DOM节点,以便实现与锚点类似的定位移动函数。