フォームでエラーになった時にはエラーの場所までスクロールしたい

import scrollToElement from 'scroll-to-element';

/**
 * エラーコメントが発生している一番初めの要素までスクロールします。
 * エラー検出イベント内で読み込んでください。
 * 引数 : formEle ... フォームタグ要素
 * 引数 : itemSelecter ... エラーメッセージが発生している要素を囲んでいる要素。
 * 引数 : errorClass ... エラーメッセージのクラス
 * 引数 : offsetNum ... スクロールのオフセット
 * 返り値 : スクロール先要素 - 一応用意したけど使ってない
 */
export default (formEle, itemSelecter, errorClass = '.validator-result-0', offsetNum = -60) => {
  const errorElements = formEle.querySelectorAll(errorClass);
  if (errorElements.length > 0) {
    const errorItem = errorElements[0].closest(itemSelecter);
    scrollToElement(errorItem, {
      offset: offsetNum,
      ease: 'in-out-quad',
      duration: 800,
    });
    return errorItem;
  }
  return false;
};

// 〜省略
import validateScrollTo from './validate-scroll-to';
// 〜省略

if (window.ACMS === undefined) {
// 〜省略
} else {
  // 〜省略
  // 投稿者以上でログインしている時（組み込みJS読み込み時）の処理
  ACMS.Ready(() => {
    ACMS.addListener('acmsValidateFailed', (event) => {
      const errorClass = '.validator-result-0';
      const itemSelecter = '.form-group';
      validateScrollTo(event.target, itemSelecter, errorClass);
    });
  });
}
// 〜省略

// 〜省略
import validateScrollTo from '../../validate-scroll-to';
// 〜省略

export default (elm) => {
  // 〜省略
  elm.addEventListener('submit', (e) => {
    if (!validator.all(elm)) {
      // 〜省略
      const errorClass = '.validator-result-0';
      const itemSelecter = '.form-group';
      validateScrollTo(e.target, itemSelecter, errorClass);
    }
  });
};

// import validateScrollTo from './validate-scroll-to';
import scrollToElement from 'scroll-to-element'; // 代替処理

export default () => {
  ACMS.Ready(() => {
    // 〜省略
    const entryForm = document.querySelector('.entryFormWrapper');
    if (entryForm) {
      // const itemSelecter = 'td';
      const errorClass = '.validator-result-0';
      // validateScrollTo(entryForm, itemSelecter, errorClass);
      const errorElements = entryForm.querySelectorAll(errorClass);

      // validateScrollToだとスクロール位置がズレるので代替処理を行う。
      if (errorElements.length > 0) {
        const html = '<p class="acms-admin-alert acms-admin-alert-icon acms-admin-alert-danger"><span class="acms-admin-icon acms-admin-icon-news acms-admin-alert-icon-before" aria-hidden="true"></span><button class="js-acms-alert-close acms-admin-alert-icon-after">×</button>入力に誤りがあります。項目のエラーメッセージを確認してください。</p>';
        entryForm.insertAdjacentHTML('afterbegin', html);
        scrollToElement(entryForm, {
          offset: -60,
          ease: 'in-out-quad',
          duration: 800,
        });
      }
    }
  });
};