detect scrool y offset.

useScroll.tsx

  const [scroll, serScroll] = useState(false);

  const handleScroll = () => {
    if (scroll !== (window.pageYOffset > 0)) {
      serScroll(!scroll);
    }
  };

  useEffect(() => {
    window.addEventListener('scroll', handleScroll);
    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  });