antd Anchor锚点踩坑 没动画 高亮

1.如果容器是window的话。滚动页面高亮锚点没跟着改变 检查body的高度 或者说容器高度 是不是100vh

2.点击锚点没有滚动条动画的话 加上 e.preventDefault() 阻止使用a标签跳转

  <Anchor className={styles.AnchorWrap} onClick={handleClick}>  

    // onClick={handleClick} 加上这个 

      {anchorText.map((item, index) => {
        return <Link href={item.id} title={anchorRender(item.text, index)} />;
      })}
    </Anchor>

//handleClick代码 
  const handleClick = (e, link) => {
    e.preventDefault();
    const element = document.querySelector(link.href);
    element && element.scrollIntoView({ block: 'start', behavior: 'smooth' });
  };

被这个困惑了好久 不想再有好兄弟被搞 分享一下