React Parallax Component
Easiest way to add scroll parallax effect on the component.
Installation
npm install react-parallax-component
Usage
import ParallaxComponent from 'react-parallax-component';
<ParallaxComponent
speed="0.003"
width="300"
top="40%"
left="100"
>
<div>
Children component
</div>
</ParallaxComponent>
Props
-
speed
(String) - animation speed, default:-0.03
-
width
(String) - component width, default:auto
-
height
(String) - component height, default:auto
-
top
(String) - component top position, default:inherit
-
left
(String) - component left position, default:inherit
-
right
(String) - component top position, default:inherit
Development
$ npm install
Run app
$ npm start
And open in browser: http://localhost:4000
Build
$ npm run build