@ryova/parallax_component v0.0.17

Parallax Component

Simple use vue-component decorator / container for parallax effect.

Install & Registration

  npm i @ryova/parallax_component -s

Local registration:

  import Parallax from '@ryova/parallax_component'

Dynamic import:

components: {
  Parallax: () => import('@ryova/parallax_component')
}

Usage & Props

<div class="container">
  <parallax :Options="{ OpacityFade: true, OpacityFadeOffset: 150 }">
    <span class="item"><span>
  </parallax>
  //or
  <parallax :OpacityFade="true" :OpacityFadeOffset="150">
    <span class="item"><span>
  </parallax>
</div>

Props values

Options Prop

Options object is just a simple props object. For comfortable use.

  const S = this.Options?.Multiplier ?? this.Multiplier