framer-motion-hooks:填充Framer Motion中的挂钩间隙

时间:2024-04-26 06:21:36
【文件属性】:

文件名称:framer-motion-hooks:填充Framer Motion中的挂钩间隙

文件大小:15KB

文件格式:ZIP

更新时间:2024-04-26 06:21:36

react hooks typescript in-view framer-motion

成帧器运动挂钩 填充Framer Motion中的挂钩间隙。 安装 npm install framer-motion-hooks 注意:如果您更喜欢yarn而不是npm ,只需使用yarn add framer-motion-hooks 。 钩子 useInViewScroll 返回一个MotionValue表示y滚动进度,该进度将在视口中可见目标元素时更新。 const MyComponent = ( ) => { const progress = useInViewScroll ( wrapperRef ) return < motion xss=removed> } 原料药 const scrollProgress = useInViewScroll(ref, options) scrollProgress


【文件预览】:
framer-motion-hooks-master
----.gitignore(304B)
----package.json(1KB)
----package-lock.json(29KB)
----src()
--------index.ts(78B)
--------hooks()
----tsconfig.json(682B)
----rollup.config.js(385B)
----README.md(2KB)
----.npmignore(74B)
----.gitattributes(66B)
----.prettierrc(94B)

网友评论