scrollIntoViewでスムーススクロール（ハッシュタグ付き）

import smoothscroll from 'smoothscroll-polyfill';

export const Scroll = () => {
  //polyfill読み込み
  smoothscroll.polyfill();
  
  let anchor = document.getElementsByClassName('anchor');

  if (0 < anchor.length) {
    //option
    let scrollOption = {
      behavior: 'smooth', //推移のアニメーション
      block: "start", //縦方向のスクロール位置
      inline: "nearest" //横方向のスクロール位置
    }

    let anchorLink = (e) => {
      e.preventDefault();

      let _this = e.currentTarget;
      let _thisTarget;
      let _thisHref;
      if (_this.getAttribute('href') === "#") {
        //TOPへ戻る
        _thisTarget = document.body;
      } else {
        //アンカーリンク
        _thisHref =  _this.getAttribute('href').replace(/[\/\\^$.*+?()[\]{}|]/g, '\\$&');
        _thisTarget = document.querySelector(_thisHref);
      }

      _thisTarget.scrollIntoView(scrollOption);

      //ハッシュタグつける
      if(_thisHref){
          history.pushState({},'', _thisHref) 
      }
    };

    for (let i = 0; i < anchor.length; i++) {
      anchor[i].addEventListener('click',(e) => {
        anchorLink(e);
      })
    }
  }
}
export default Scroll;

<div>
	<a class="anchor" href="#link1">リンク１</a>
</div>

<div id="link1"></div>

<div>
	<a class="anchor" href="#">TOPへ</a>
</div>