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

    JavaScript

    ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

    formBuilderはドラッグ&ドロップでフォームを手軽につくること…

  2. Warp drive jQuery plugin
  3. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

  4. Nivo Zoom

    JavaScript

    Lightbox風に画像をズームして表示させるjQueryプラグイン「Nivo Zoom」

    Lightbox風に画像をズームして表示させるjQueryプラグイン「…

  5. vTicker

    JavaScript

    シンプルで使い方も簡単!垂直ティッカーを実装できるjQueryプラグイン「vTicker」

    シンプルで使い方も簡単な垂直ティッカーを実装できるjQueryプラグイ…

  6. Rythim.js

    JavaScript

    音楽のリズムに合わせてボタンなどに躍動感を与える「Rythim.js」

    Rythm.jsは、あなたのホームページに躍動感を与えてくれるjsライ…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ
  4. KMC-80BK

Instagram始めました

Facebookページ

PAGE TOP