Javascript

【Javascript】スクロールするとカラーバーをパララックススクロールするParallaxColorBars

September 2, 2018
ParallaxColorBars

ParallaxColorBarsはスクロールするとカラーバーをパララックススクロールする。

Data Attribute Settings

data-parallax-color-bar属性を使用して設定を追加できる

Example:

<div data-parallax-color-bar='{"left": 70, "top": 20, "width": 15, "height": 60, "shift": 300, "duration": 2}'></div>

Settings

  1. top
  2. left
  3. width
  4. height
  5. shift
  6. duration

Browser support

  1. Chrome
  2. Firefox
  3. Opera
  4. IE10/11