react-awesome-parallax is a library that easily allows you to add parallax scrolling to any React component.
npm install --save react-awesome-parallax
import Parallax from 'react-awesome-parallax';
class MyComponent extends React.Component {
render() {
return (
<div>
<Parallax speed={5}>
<h1>Hello</h1>
</Parallax>
<Parallax speed={3}>
<h1>world</h1>
</Parallax>
</div>
);
}
}
Name | Type | Range | Default Value |
---|---|---|---|
speed | Numeric | 0-10 | 10 |