react-beautiful-dnd/src/state/get-max-scroll.js

Beautiful, accessible drag and drop for lists with React.js

// @flow
import { subtract } from './position';
import type { Position } from '../types';

type Args = {|
  scrollHeight: number,
  scrollWidth: number,
  height: number,
  width: number,
|}
export default ({
  scrollHeight,
  scrollWidth,
  height,
  width,
}: Args): Position => {
  const maxScroll: Position = subtract(
    // full size
    { x: scrollWidth, y: scrollHeight },
    // viewport size
    { x: width, y: height }
  );

  const adjustedMaxScroll: Position = {
    x: Math.max(0, maxScroll.x),
    y: Math.max(0, maxScroll.y),
  };

  return adjustedMaxScroll;
};