jQuery Panelize Plugin

JavaScript

パネルが開閉するような縦型スクロールを実装できる「jQuery Panelize Plugin」

jQuery Panelize Pluginを使えばパネルが開閉するような縦型スクロールを実装することができます。スクロールすることでセクションごとにパネルが切り替わっていくので、コンテンツを明確に区分する時なんかによさそうですね。

[ads_center]

jQuery Panelize Plugin

jQuery Panelize Plugin

jQuery Panelize Plugin

以下のようにパネルがスライドしながら切り替わっていきます。

jQuery Panelize Plugin

下へスクロールしていく時に手前のパネルが上がっていくので奥行きが感じられ次のコンテンツに入ったことが認識しやすくなりますね。

1ページ内でブロックごとに分類したコンテンツを表示させたい時に活用されてみてはいかがでしょうか。

関連記事

  1. ScrollMenu.js

    JavaScript

    縦横配置やナビメニューと統合できる便利なスクロールバー「ScrollMenu.js」

    ScrollMenu.jsは通常の味気ないスクロールバーを便利で新しい…

  2. Expandy Menu

    JavaScript

    マウスオーバーで広がるメニューパネル「Expandy Menu」

    Expandy Menuはマウスオーバーすると横に広がるメニューパネル…

  3. Macy.js

    JavaScript

    軽量なグリッドレイアウトを実装できるJSライブラリ「Macy.js」

    Macy.jsは軽量なグリッドレイアウトを実装することができる便利なJ…

  4. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

  5. HoldOn.js

    JavaScript

    ユーザーの待機中に表示させるアニメーション実装「HoldOn.js」

    HoldOn.jsはユーザーが待機している間に表示させるアニメーション…

  6. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP