Javascript

【Javascript】パララックススクロールRallax

October 9, 2018
rallax

Rallax.jsは、ターゲットのHTML要素と画像の位置を考慮してパララックス効果を作成します。

Browser Support

  1. Chrome 24+
  2. Firefox 23+
  3. Safari 6.1+
  4. Opera 15+
  5. IE 10+
  6. iOS Safari 7.1+

Call

// target:            <div class="parallax"></div>
// image location:    "./test-image.jpg"

const options = {
  speed: 0.5
}

rallax(".parallax", "./test-image.jpg", options)

Options

{
  speed: 0.3,
  zIndex: -1000,
  minPixels: 1024
}

MIT