jQuery非依存で手軽にパララックス「Rellax.js」 | ブログ - Blog | 佐藤純平 - Jumpei Sato

はじめに jQuery非依存でパララックスエフェクトを実装できる「Rellax.js」をご紹介します。 軽量で、導入も手軽です。 公式DEMOはこちら 使ってみる まずダウンロード こちらから 設置する jsの読み込み パスは適宜変えて下さい。 <script src="assets/js/rellax.min.js"></script> パララックスの要素を設定 パララックスさせたい要素に任意のclass、今回は「rellax」を付与します。 <div class="rellax"></div> jsを実行 <script>var rellax = new Rellax('.rellax');</script> これだけでパララックスが実装できます。 すごい楽。 その他にもオプションが用意されています。 速さやパーセンテージ、要素の重なり順も指定することが出来ます。 <div class

[jed_lee]

jquery非依存で、軽量なパララックスエフェクトが実装できるJSプラグイン。