react-parallax-effect

React Parallax Effect

React-Parallax-Effect is a React component designed for deploying content into a view that relies on srolling for navigation. The content can be arranged in layers that mimic the parallax effect, and move at different velocities while scrolling. Layers are assigned by passing them in as children to the component. The first child node determines the scrolling range and motion of its siblings. The parallax differential is determined by the rangeIndex property assigned to each child. The value of the rangeIndex determines the magnitude of the speed differential applied to the layer. Callbacks are abailable for onReady and onChange, and a jumpTo() method is used to adjuste the scroll location of the first child. The effect presents the designer and user creative ways for presenting and interacting with content.

$3

* Full React/Flux pattern
* Minimal dependencies (lodash, react-velocity)
* Callbacks for onReady and onChange
* Method for jumpTo
* Fluid layout
* CSS Rich

$3

See the demo at http://www.uismithing.com/main/wares/parallax.

$3

https://github.com/uismithing/react-parallax-effect

$3

npm install react-parallax-effect -s

$3

import Parallax from "react-parallax-effect"
``html

...

``

$3

* Panel:{}
* Viewport:{}