Smooth scrollToElement after browser render

smoothScrollAfterRender.js

# when pass id, mean click action on some link, scroll and replace hash in url
# when no id, gets element id to scroll from url hash

export const scrollToElementAfterBrowserRender = (id) => {
  if (!window.requestAnimationFrame) {
    return;
  }

  window.requestAnimationFrame(() => {
    const url = new URL(document.location.href);

    if (!id) {
      const search = url.hash.match(/#?element(\d+)/);
      id = search && search[1];
    } else if (history) {
      url.hash = `#element${id}`;
      history.replaceState({}, '', url.href);
    }

    if (!id) {
      return;
    }

    window.setTimeout(() => {
      const el = document.getElementById(`element${id}`);

      if (el) {
        el.scrollIntoView({ behavior: 'smooth' });
      }
    }, 200);
  });
};