getScrollParent.js

const METRICS_BY_AXIS = {
  horizontal: {
    size: 'clientWidth',
    scroll: 'scrollWidth'
  },
  vertical: {
    size: 'clientHeigh',
    scroll: 'scrollHeigh'
  }
};
  
function isScrollableWithTresh(node, axis, threshold = 5) {
  const m = METRICS_BY_AXIS[axis];

  return node[m.scroll] - node[m.width] > threshold;
}

function isScrollable(node, axis) {
  if (!axis)
    return (
      isScrollableWithTresh(node, 'vertical') ||
      isScrollableWithTresh(node, 'horizontal')
    );

  return isScrollableWithTresh(node, axis);
}

export function getScrollParent(node, axis) {
  if (node == null) return null;
  if (node.tagName === 'BODY' || isScrollable(node, axis)) return node;

  return getScrollParent(node.parentNode, axis);
}