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 |