垂直・水平の動きに対応したパララックス効果を実装できる「paroller.js」

paroller.js

paroller.jsは垂直・水平方向の動きに対応したパララックス効果を実装することができるjQueryプラグインです。軽量で使い方も簡単なパララックススクロールを取り入れたい人は要チェックです。

paroller.js

デモ

デモページでは、VerticalとHorizontalの2つのサンプルを確認することができます。垂直・水平ともにスクロールすることでパララックス効果をしっかり体感できますね。

使い方もすごくシンプルなほか、data属性もしくはオプションからセッティングすることも可能です。

data属性はHTMLタグ内に直接記述することができます。主なdata属性は、data-paroller-factor、data-paroller-type、data-paroller-directionです。

オプション項目には、factor、type、directionが用意されています。

ファイル容量も軽量でモバイルにも対応、そして何より垂直・水平方向に対応しているところがうれしいですね。かっこいいパララックススクロールを実装したいという人は、ぜひ「paroller.js」を活用されてみてはいかがでしょうか?

paroller.js

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives