Trigger on scroll or touch move

useScrollWatcher.ts

import { useEffect } from 'react';

const useScrollWatcher = () => {
    useEffect(() => {
        let timer: number;
        const handler = (e: Event) => {
            timer && clearTimeout(timer);
            document.body.classList.add('scrollShow');
            timer = window.setTimeout(() => {
                document.body.classList.remove('scrollShow');
            }, 1000);
        };
        window.addEventListener('touchmove', handler);
        window.addEventListener('wheel', handler);

        return () => {
            window.removeEventListener('wheel', handler);
            window.removeEventListener('touchmove', handler);
            timer && clearTimeout(timer);
        };
    }, []);
};

export default useScrollWatcher;