simple function for grabbing content inside div with hidden overflow

grab.js

function grabStage(e) {
  const stage = document.getElementById('large-stage-container')
  const { layerX: endX, layerY: endY } = e
  const { x: startX, y: startY } = window.grabCoords // this coords are coords from the event.layer(X-Y) and we got them while first mousedown on stage
  const distance = { x: Math.abs(endX - startX), y: Math.abs(endY - startY) }
  if (!distance.x && !distance.y) return
  const direction = {
    x: (endX < startX) ? 'right' : 'left',
    y: (endY < startY) ? 'down' : 'up',
  }

  const toX = (direction.x === 'right') ? stage.scrollLeft + distance.x : stage.scrollLeft - distance.x
  const toY = (direction.y === 'down') ? stage.scrollTop + distance.y : stage.scrollTop - distance.y
  stage.scrollTo(toX, toY)

}

вау

function grabStage(e, options, domElement) {...}
(e) => grabStage(e, {}, document.getElementById('large-stage-container'))

или можно возращать из ф-ции координаты, и где-то снаружи делать scrollTo

thanks man