#76SensorsEasy

useScrolling

useScrolling

React sensor hook that keeps track of whether the user is scrolling or not.

Usage

import { useScrolling } from "react-use";

const Demo = () => {
  const scrollRef = React.useRef(null);
  const scrolling = useScrolling(scrollRef);

  return (
    <div ref={scrollRef}>
      {<div>{scrolling ? "Scrolling" : "Not scrolling"}</div>}
    </div>
  );
};

Reference

useScrolling(ref: RefObject<HTMLElement>);
// TODO: implement useScrolling
function notImplemented(..._args: any[]): any {
  throw new Error('Not implemented');
}
export default notImplemented;
export const useScrolling = notImplemented;

Open browser consoleTests