React Hooks Lab Docz
Getting Starteduse-intersection-observeruse-mouse-positionuse-on-hoveruse-scroll-directionuse-scroll-progressuse-scroll-to-topuse-window-size

use-scroll-direction

Hook Description

Is scrolling (direction): top 🔝
import React from "react";
import { useScrollDirection } from "react-hooks-lab";
const ScrollDirection = () => {
  const scrollingDir = useScrollDirection();
  return <div>Is scrolling (direction): {scrollingDir}</div>;
};
export default ScrollDirection;