React使用滚动同步
自定义react挂钩,用于跨多个可滚动元素的同步滚动位置。
演示版
安装
用纱安装:
yarn add react-use-scroll-sync
或使用npm:
npm i react-use-scroll-sync --save
如何使用
import * as React from "react"
import { useScrollSync } from "react-use-scroll-sync"
const App = ( ) => {
const ref1 = React . useRef ( null )
const ref2 = React . useRef ( null )
useScrollSync ( [ ref1 , ref2 ] , {
1