react-use-scroll-sync:自定义react挂钩,可跨多个可滚动元素同步滚动位置

时间:2024-06-05 23:07:46
【文件属性】:

文件名称:react-use-scroll-sync:自定义react挂钩,可跨多个可滚动元素同步滚动位置

文件大小:179KB

文件格式:ZIP

更新时间:2024-06-05 23:07:46

react hooks hook sync synchronization

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 < HTMLDivElement> ( null ) const ref2 = React . useRef < HTMLDivElement> ( null ) useScrollSync ( [ ref1 , ref2 ] , {


【文件预览】:
react-use-scroll-sync-master
----.github()
--------workflows()
----yarn.lock(261KB)
----src()
--------index.ts(30B)
--------scroll-sync.ts(3KB)
----.npmignore(47B)
----example()
--------index.html(361B)
--------index.tsx(5KB)
--------.npmignore(24B)
--------tsconfig.json(458B)
--------package-lock.json(321KB)
--------package.json(869B)
----tsconfig.json(740B)
----LICENSE(1KB)
----README.md(1KB)
----prettier.config.js(258B)
----.gitignore(41B)
----package.json(1KB)

网友评论