reactuals/dist/hooks/useScrollPosition.js

A useful package providing a collection of 50+ React hooks and utilities to simplify React development.

import { useEffect, useState } from "react";
/**
 * Returns the current scroll Y position of the window.
 * Automatically updates on scroll.
 */
export function useScrollPosition() {
    const [scrollY, setScrollY] = useState(window.scrollY);
    useEffect(() => {
        const handleScroll = () => setScrollY(window.scrollY);
        window.addEventListener("scroll", handleScroll);
        return () => window.removeEventListener("scroll", handleScroll);
    }, []);
    return scrollY;
}