useScroll

当 DOM 元素中的滚动位置发生更改时,React 传感器钩子将会重新渲染。

Usage

  1. import {useScroll} from 'react-use';
  2. const Demo = () => {
  3. const scrollRef = React.useRef(null);
  4. const {x, y} = useScroll(scrollRef);
  5. return (
  6. <div ref={scrollRef}>
  7. <div>x: {x}</div>
  8. <div>y: {y}</div>
  9. </div>
  10. );
  11. };

Reference

  1. useScroll(ref: RefObject<HTMLElement>);