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. jquery-side-navi

    JavaScript

    サイドからスライドでナビゲーションを表示できる「jquery-side-navi」

    jquery-side-naviは、サイドからスライドでタブコンテンツ…

  2. JavaScript

    ナビゲーションをレスポンシブデザインにしてくれるjQueryプラグイン「HorizontalNav」…

    覚えておくと便利そうだったのでメモがてらエントリーします。リスト化した…

  3. Tilt Hover Effects

    JavaScript

    ホバーによるチルトエフェクトを実装できる「Tilt Hover Effects」

    指定したアイテムにホバーすることでオシャレなチルトエフェクトを実装する…

  4. Tabslet

    JavaScript

    jQueryプラグインでタブ機能が実装できる「Tabslet」

    TabsletというjQueryプラグインを使えばWebサイトにタブ機…

  5. Jqx-Media-Slider
  6. no-image

    JavaScript

    レスポンシブでスタイリッシュな「lightbox-jquery-plugin」

    lightbox-jquery-pluginは、レスポンシブに対応した…

最近の記事

  1. OWL-WDDESK01
  2. ワンタッチ着脱フィルターキット
  3. Soundcore Ace A1
  4. cheero USB-C PD Charger 60W

アーカイブ

PAGE TOP