@sil/scroll-parallax

1.0.3 • Public • Published

Scroll Parallax

A simple Vue Directive to parallax an element.

Install

Install the package npm install @sil/scroll-parallax

Import the package

import ScrollParallax from '~/@sil/scroll-parallax

Define the component:

	Vue.directive(ScrollParallax);

Use the component with default values:

<any-element v-parallax />	

Arguments

Argument Default Description
debug false Show debugging information about this element
output 'translate' Options: 'translate' / 'property ', Set the value directly on a translate or on a css custom property
originalOffset 0 Change the initial offset of the element
minWidth 0 Trigger the parallax from this value.
amount 1.5 Amount of parallax

Readme

Keywords

none

Package Sidebar

Install

npm i @sil/scroll-parallax

Weekly Downloads

8

Version

1.0.3

License

ISC

Unpacked Size

20.8 kB

Total Files

9

Last publish

Collaborators

  • hacobvandipyan
  • silvandiepen