Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-scroll-parallax

Package Overview
Dependencies
Maintainers
1
Versions
109
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-scroll-parallax - npm Package Compare versions

Comparing version 2.4.2 to 2.4.3

2

package.json
{
"name": "react-scroll-parallax",
"version": "2.4.2",
"version": "2.4.3",
"description": "React components to create parallax scroll effects for banners, images or any other DOM elements.",

@@ -5,0 +5,0 @@ "repository": {

@@ -29,2 +29,10 @@ # React Scroll Parallax

## Test the Latest Version
A new `beta` version is in the works that offers a simpler setup but more flexibility for advanced scroll effects. You can find more information here or leave feedback: [V3 Issue](https://github.com/jscottsmith/react-scroll-parallax/issues/123).
```
yarn add react-scroll-parallax@beta
```
## Overview

@@ -90,12 +98,12 @@

| Name | Type | Default | Description |
| -------------- | :-----------------------------: | :------- | ------------------------------------------------------------------------------------------------------------------ |
| Name | Type | Default | Description |
| -------------- | :-----------------------------: | :------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| **x** | `Array` of `String` or `Number` | `[0, 0]` | Initial and final offsets on x-axis in `%` or `px`. If no unit is passed percent is assumed. Percent is based on the elements width. |
| **y** | `Array` of `String` or `Number` | `[0, 0]` | Initial and final offsets on y-axis in `%` or `px`. If no unit is passed percent is assumed. Percent is based on the elements width. |
| **className** | `String` | | Optionally pass additional class names to be added to the outermost parallax element. |
| **disabled** | `Boolean` | `false` | Disables parallax effects on individual elements when `true`. |
| **styleInner** | `Object` | | Optionally pass a style object to be added to the innermost parallax element. |
| **styleOuter** | `Object` | | Optionally pass a style object to be added to the outermost parallax element. |
| **tagInner** | `String` | `div` | Optionally pass an element tag name to be applied to the innermost parallax element. |
| **tagOuter** | `String` | `div` | Optionally pass an element tag name to be applied to the outermost parallax element. |
| **className** | `String` | | Optionally pass additional class names to be added to the outermost parallax element. |
| **disabled** | `Boolean` | `false` | Disables parallax effects on individual elements when `true`. |
| **styleInner** | `Object` | | Optionally pass a style object to be added to the innermost parallax element. |
| **styleOuter** | `Object` | | Optionally pass a style object to be added to the outermost parallax element. |
| **tagInner** | `String` | `div` | Optionally pass an element tag name to be applied to the innermost parallax element. |
| **tagOuter** | `String` | `div` | Optionally pass an element tag name to be applied to the outermost parallax element. |

@@ -102,0 +110,0 @@ ## \<ParallaxBanner>

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc