scrollTo.js

/**
 * A node in the DOM tree.
 *
 * @external Node
 * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Node Node}
 */

/**
 * 
 * @param {external:Node} el - Element want to scroll
 * @param {number} to - The final scrollLeft value
 * @param {number} duration  - Duration time(ms)
 */
const timelineScrollTo = (el, to, duration) => {
  if (duration <= 0) return;
  const difference = to - el.scrollLeft;
  const perTick = (difference / duration) * 2;

  setTimeout(() => {
    el.scrollLeft += perTick;
    timelineScrollTo(el, to, duration - 2);
  }, 10);
};