文件名称：react-scroll-parallax：:crystal_ball:React组件为横幅，图像或任何其他DOM元素创建视差滚动效果
文件大小：1.18MB
文件格式：ZIP
更新时间：2024-02-26 15:53:06
react component parallax animation banner
React滚动视差
React组件为横幅，图像或任何其他DOM元素创建视差滚动效果。 使用单个滚动侦听器，根据元素在视口中的位置向元素添加基于垂直或水平滚动的偏移量。 以减少滚动时的颠簸，并可以与通用（服务器端渲染）React应用一起使用。
如果您来自 ，请参阅以下 。
例子
安装
与npm
npm i react-scroll-parallax --save
或纱线
yarn add react-scroll-parallax
总览
用法
应该包装包含所有
【文件预览】：
react-scroll-parallax-develop
----.travis.yml(273B)
----.eslintrc(6KB)
----.babelrc(666B)
----stories()
--------Element()
--------Parallax()
--------ParallaxBanner()
--------Image()
--------styles.scss(2KB)
--------static()
--------Container.js(356B)
--------ScrollContainer.js(881B)
----.storybook()
--------config.js(664B)
--------addons.js(60B)
--------webpack.config.js(1KB)
----docs()
--------development.md(676B)
--------migration-guide.md(2KB)
----package.json(3KB)
----__tests__()
--------ParallaxController.test.js(5KB)
--------serverTests.test.js(871B)
--------getParallaxOffsets.test.js(922B)
--------Parallax.test.js(6KB)
--------getOffsets.test.js(1KB)
--------percentMoved.test.js(538B)
--------isElementInView.test.js(626B)
--------elementStyles.test.js(2KB)
--------testForPassiveScroll.test.js(964B)
--------typingTests()
--------View.test.js(902B)
--------ParallaxProvider.test.js(4KB)
--------parseValueAndUnit.test.js(865B)
--------Bounds.test.js(7KB)
--------Element.test.js(2KB)
--------Rect.test.js(3KB)
--------testUtils()
--------__snapshots__()
--------ParallaxBanner.test.js(5KB)
--------Scroll.test.js(492B)
--------withController.test.js(2KB)
--------scaleBetween.test.js(509B)
----.prettierrc(152B)
----.prettierignore(25B)
----ISSUE_TEMPLATE.md(2KB)
----LICENSE(1KB)
----src()
--------index.js(359B)
--------index.d.ts(4KB)
--------classes()
--------components()
--------utils()
--------constants.js(76B)
--------helpers()
----.gitignore(95B)
----README.md(15KB)
----yarn.lock(445KB)
----.editorconfig(243B)
----publish.sh(163B)