Scroll to a particular element

scrollToUtil.js

/**
 * Smooth scrolls to an element's position
 * @param {string} buttonSelector
 * @param {string} gotoSelector - element to scroll to
 * @param {Number} yOffset - Y offset for scrolling
 */
export const addScrollLink = (
  buttonSelector,
  gotoSelector,
  yOffset = 0,
) => {
  setTimeout(() => {
    const buttons = [...document.querySelectorAll(buttonSelector)];
    buttons.forEach((button) => {
      if (button) {
        button.addEventListener("click", () => {
          var elementPosition = document
            .querySelector(gotoSelector)
            .getBoundingClientRect().top;
          window.scroll({
            top: elementPosition + window.pageYOffset + yOffset,
            behavior: "smooth",
          });
        });
      }
    });
  }, 100);
};