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. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

  2. Unicorn.js

    JavaScript

    ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

    おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレ…

  3. CSS Emoticons
  4. JavaScript

    レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」

    anoFlowというjQueryプラグインを使えば、レスポンシブなLi…

  5. BeefUp

    JavaScript

    多彩なカスタマイズができるjQueryアコーディオンプラグイン「BeefUp」

    BeefUpは多彩なカスタマイズができるレスポンシブに対応したjQue…

  6. Zoom Slider

    JavaScript

    ズーム機能を備えたシンプルなコンテンツスライダー「Zoom Slider」

    Zoom Sliderは奥行き感を演出したズーム機能を備えたシンプルな…

最近の記事

  1. ACC-TRBX
  2. ピスタチオ クリスマス ツリー フラペチーノ
  3. SF-G64T
  4. USB Type-C搭載ドッキングステーション

Facebookページ

PAGE TOP