react-snp-infinite-scroller/hooks/useElementScroll.js

Make window or an element call a function each time that it reaches to the end of the page

import {useEffect} from 'react';

export default ({
  reference,
  callback = () => {},
  hasMore = true,
  threshold = 100,
}) => {
  const handleScroll = () => {
    if (
      reference.current.scrollHeight <=
      reference.current.offsetHeight +
      reference.current.scrollTop +
      threshold &&
      hasMore
    ) {
      callback();
    }
  };
  useEffect(() => {
    reference.current.addEventListener('scroll', handleScroll);
    return () => {
      reference.current.removeEventListener('scroll', handleScroll);
    };
  }, [hasMore,threshold]);
};