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