let el;

const initScroll = (elementId) => {
  el = document.getElementById(elementId);
  el.addEventListener('adjust-scroll', adjustScroll);
  window.addEventListener('resize', adjustScroll);
}

const isBottom = () => {
  return el.scrollHeight - el.clientHeight <= el.scrollTop + 1;
}

const adjustScroll = () => {
  if (isBottom()) {
    el.scrollTo({
      top: el.scrollHeight - el.clientHeight,
      behavior: 'smooth'
    });
  }
}

export default initScroll;