Need help with react-parallax-component?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

keske
150 Stars 15 Forks 38 Commits 6 Opened issues

Description

Easiest way to add scroll parallax effect on the component

Services available

!
?

Need anything else?

Contributors list

# 208,539
React
CSS
HTML
paralla...
20 commits
# 123,558
React
HTML
paralla...
Shell
5 commits
# 131,229
reactjs
Storybo...
atomic-...
Redux
5 commits
# 181,639
React
CSS
HTML
paralla...
3 commits

React Parallax Component

Easiest way to add scroll parallax effect on the component.

image

Installation

npm install react-parallax-component

Usage

import ParallaxComponent from 'react-parallax-component';
  
Children component

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.