滚动到指定元素位置，类似锚点功能

//react中
<div onClick={()=>{MyClick("foo")}}>点击</div>
<div id="foo">内容</div>

const MyClick= (name) => {
    if (name) {
      let anchorElement = document.getElementById(name);
      if(anchorElement) {
        anchorElement.scrollIntoView(
          {behavior: 'smooth'}
        );
      }
    }
  };

---

scrollIntoView语法

element.scrollIntoView();
element.scrollIntoView(true);
element.scrollIntoView(alignToTop);
//alignToTop是一个布尔值，true 元素对齐到祖先元素的顶部，false 元素对齐到祖先元素的底部，默认是true
element.scrollIntoView(scrollIntoViewOptions);
//scrollIntoViewOptions是一个布尔值或以下选项的对象：
//behavior: 'auto' | 'instant' | 'smooth',
//block: 'start' | 'end'