no-image

JavaScript

さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

PARALLAXは、さまざまなデバイスに対応したシンプルなパララックスを実装することができるjQueryプラグインです。圧縮版で2KBほどと、とても軽量なところがうれしいですね。レスポンシブモードも備えています。

PARALLAX

PARALLAX

デモページでは画面をスクロールすることでパララックスによる視差効果を見ることができます。シンプルながらも、やはりパララックスということで、その動きに注目してしまいますね。

PARALLAXの開発・テストでは、jQuery 3.2.1が使われているとのこと。

また、オプションもいくつか用意されており、parallaxEmphasis、reverseParallax、responsiveといった項目のセッティングが可能です。デフォルト値は、parallaxEmphasisが50、reverseParallaxがfalse、responsiveがfalseです。

ちなみに、responsiveを有効にすることで、レスポンシブモードの設定ができるようになります。好きなブレイクポイントを設定し、各ブレイクポイントに対してparallaxEmphasisの値を設定するといったことが可能です。

シンプルながらも、カスタマイズ性に優れたパララックスを実装したいという人にはうれしい仕様になるはず。

というわけで、さまざまなデバイスに対応できる軽量のパララックスを取り入れたい人は、ぜひ「PARALLAX」を活用されてみてはいかがでしょうか?

関連記事

  1. overhang.jp

    JavaScript

    シンプルでクールな通知バーを実装できるjQueryプラグイン「overhang.jp」

    overhang.jsは、通知バーを実装するためのjQueryプラグイ…

  2. jTableScroll

    JavaScript

    ヘッダーとフッターを固定したままスクロール可能なテーブル「jTableScroll」

    jTableScrollはヘッダーとフッターを固定したままスクロール…

  3. no-image

    JavaScript

    シンプル・軽量なjQueryイメージビューア「WimmViewer」

    WimmViewerはシンプルで軽量なイメージビューアを実装できるjQ…

  4. Vertical Fixed Navigation #2
  5. simplePagination.js
  6. JavaScript

    シンプルなアラートを表示させることができる「smoke.js」

    smoke.jsはシンプルでカッコいいアラートを表示させることができる…

最近の記事

  1. NIB2600
  2. Anker PowerPort Atom PD 4
  3. USB-2H401BKN
  4. Dyson Pure Cool Me

アーカイブ

PAGE TOP