軽量で簡単にパララックス実装するJavaScriptライブラリ「Rellax.js」 | JunJunWeb.Net

今回は、非依存型のパララックス（視差効果）実装ライブラリの Rellax.js の紹介です。 Webサイトにおけるパララックスは、スクロールなどをした時、複数の要素を違うスピードで動かすし、立体感や遠近感などを表現する、視覚的エフェクトの事を言います。 パララックスのデモ このページにも、Rellax.js を適応しています。画面上部の画像が他の部分のスクロールスピードに比べて少し遅くなるように実装しています。 Rellax.js の実装 Rellax.jsのサイトに行きライブラリをダウンロードしてきます。 GITHUBをクリックすると下のようなページへ移動するので、”Clone or download”よりライブラリをダウンロードしてください。 ダウンロードすると、いろいろなファイルがありますが、使用するのは、rellax.min.js のみです。 </body>タグの前辺りに、rell