【文件属性】：
文件名称：react-smooth-scroll-hook:一个在React组件中使用平滑滚动的React Hook
文件大小：369KB
文件格式：ZIP
更新时间：2021-04-14 00:50:26
react hook smooth-scrolling scrollto react-hooks
它提供了useSmoothScroll钩子来完成react组件中的平滑滚动行为，并提供了useScrollWatch来返回滚动容器中的某些信息。
这是替换本机scrollTo api的一种更方便的方法。
故事书文档在。
特征
:rocket: 您不需要警告兼容性，它使用requsetAnimationFrame api完成平滑的滚动行为。
:backhand_index_pointing_right: 提供direction选项，您可以将x设置为水平，将y为垂直。
:droplet: 没有第三方的依赖，轻巧而纯粹。
安装
npm install react-smooth-scroll-hook
useSmoothScroll
快速开始
import React , { useRef } from 'react' ;
import useSmoothScroll from 'react-smooth-scroll-hook' ;
export const Demo
【文件预览】：
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)