Back to React Use

`useScroll`

docs/useScroll.md

17.6.0429 B
Original Source

useScroll

React sensor hook that re-renders when the scroll position in a DOM element changes.

Usage

jsx
import {useScroll} from 'react-use';

const Demo = () => {
  const scrollRef = React.useRef(null);
  const {x, y} = useScroll(scrollRef);

  return (
    <div ref={scrollRef}>
      <div>x: {x}</div>
      <div>y: {y}</div>
    </div>
  );
};

Reference

ts
useScroll(ref: RefObject<HTMLElement>);