一个在React组件中使用平滑滚动的React Hook-React开发

时间:2024-06-16 09:28:05
【文件属性】:

文件名称:一个在React组件中使用平滑滚动的React Hook-React开发

文件大小:369KB

文件格式:ZIP

更新时间:2024-06-16 09:28:05

React UI Utilities

一个在React组件中使用平滑滚动的React Hook React-smooth-scroll-hook useSmoothScroll挂钩通过requestAnimationFrame完成react组件中的平滑滚动行为。 故事书文档在这里。 功能:rocket:您无需警告兼容性,它使用requsetAnimationFrame api完成平滑的滚动行为。 :backhand_index_pointing_right:提供方向选项,您可以将x设置为水平,将y设置为垂直。 :droplet:没有第三方的依赖,轻巧而纯粹。 安装npm install react-smooth-scroll-hook useSmoothScroll Qui


【文件预览】:
react-smooth-scroll-hook-master
----example()
--------package.json(598B)
--------UseScrollWatch.stories.tsx(4KB)
--------index.html(342B)
--------Demo.stories.tsx(846B)
--------.npmignore(24B)
--------tsconfig.json(530B)
--------index.tsx(593B)
--------Body.stories.tsx(777B)
--------yarn.lock(228KB)
--------DirectionX.stories.tsx(3KB)
----stories()
--------useSmoothScroll.stories.tsx(545B)
--------index.stories.tsx(265B)
--------useScrollWath.stories.tsx(573B)
--------index.css(29B)
----.storybook()
--------preview.js(131B)
--------main.js(772B)
----package.json(3KB)
----.github()
--------workflows()
----test()
--------specs()
--------e2e()
----jest.unit.config.js(154B)
----LICENSE(1KB)
----src()
--------utils.ts(2KB)
--------useSmoothScroll.tsx(6KB)
--------index.tsx(180B)
--------useScrollWatch.ts(3KB)
----jest-puppeteer.config.js(216B)
----tsconfig.json(652B)
----.gitignore(58B)
----GUILD.md(6KB)
----CHANGELOG.md(2KB)
----README.md(6KB)
----yarn.lock(689KB)
----jest.e2e.config.js(278B)

网友评论