react实现不同效果的锚点跳转并且不改变url

相比传统的a标签方式，这个更好理解和使用，无非就是给你需要跳转的目标一个唯一标识，然后获取到这个节点，在调用这个节点的scrollIntoView属性

 <div  onClick={() => this.goAnchor('#anchor') >我是设置锚点的地方 </div>
 <div className="listTypeContent" id='anchor' >
 我是埋锚的地方</div>

方法：

goAnchor(index) {
    let param= {
      behavior: "smooth",
      block: "start",
    };
    if (index) {
      document.querySelector(index).scrollIntoView(param);
    }
  }

参数如下图：

具体参考文档地址：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView