Skip to content

Latest commit

 

History

History
27 lines (20 loc) · 438 Bytes

useScroll.md

File metadata and controls

27 lines (20 loc) · 438 Bytes

useScroll

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

Usage

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

useScroll(ref: RefObject<HTMLElement>);