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
139 Stars 13 Forks 38 Commits 6 Opened issues

Description

Easiest way to add scroll parallax effect on the component

Services available

!
?

Need anything else?

Contributors list

# 200,801
React
JavaScr...
HTML
paralla...
20 commits
# 124,591
React
HTML
paralla...
Shell
5 commits
# 158,160
JavaScr...
HTML
React
paralla...
5 commits
# 168,405
React
JavaScr...
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.