@wojtekmaj/react-hooks/dist/useScrollLeftPercent.js

A collection of React Hooks.

import useScrollLeft from './useScrollLeft.js';
import useWindowWidth from './useWindowWidth.js';
export default function useScrollLeftPercent() {
    const scrollLeft = useScrollLeft();
    const windowWidth = useWindowWidth();
    if (scrollLeft === null || windowWidth === null) {
        return null;
    }
    const { scrollWidth } = document.documentElement;
    if (scrollWidth === 0) {
        return 0;
    }
    return scrollLeft / Math.max(0, scrollWidth - windowWidth);
}