paroller.js

JavaScript

垂直・水平の動きに対応したパララックス効果を実装できる「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

関連記事

  1. JavaScript

    アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」

    FerroMenuというjQueryプラグインを使えばアイコンをクリッ…

  2. pagePiling.js

    JavaScript

    垂直にスライドするようなスクロールを実装できるjQueryプラグイン「pagePiling.js」

    pagePiling.jsは垂直にスライドするようなスクロール機能を実…

  3. no-image

    JavaScript

    高性能なイメージビューアを実装できる「PhotoViewer」

    PhotoViewerは高性能なイメージビューアを実装できるJSプラグ…

  4. Animate Plus

    JavaScript

    CSS、SVGを使った多彩なアニメーションを実装できる「Animate Plus」

    Animate PlusはCSS、SVGを使った多彩なアニメーションを…

  5. Data Img

    JavaScript

    ブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」

    Data Imgはブラウザ幅に応じて最適なサイズの画像を切り替えて表示…

  6. jquery.adaptive-backgrounds.js

最近の記事

  1. フレンチトーストや自家製ソーセージ
  2. ハレイワ スムージー
  3. クローバーで淹れたコーヒー
  4. 雪が降る日本海

アーカイブ

PAGE TOP