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 |