RELLAXを使い、パララックスを実装する

1. 目的

RELLAXを使い、パララックスを実装する。

2. デモ

dixonandmoe/rellax にあったコードをそのまま使う。

I’m that default chill speed of "-2"
I’m super fast!!
I’m extra slow and smooth

3. ソースコード

HTML

<div class="rellax r1">
  I’m that default chill speed of "-2"
</div>
<div class="rellax r2" data-rellax-speed="7">
  I’m super fast!!
</div>
<div class="rellax r3" data-rellax-speed="-4">
  I’m extra slow and smooth
</div>

JavaScript

var rellax = new Rellax('.rellax', {
  speed: -2,
  center: false,
  wrapper: null,
  round: true,
  vertical: true,
  horizontal: false
});

4. 参考