Responsive 3d Fold Scroll

JavaScript

立体的に折りたたまれていくスクロール実装のjQueryプラグイン「Responsive 3d Fold Scroll」

Responsive 3d Fold Scrollは立体的に折りたたんでいくようなスクロールを実装することができるjQueryプラグインです。レスポンシブになっているのでスマホでスクロールする際にも同様の3D効果を得ることができます。

Responsive 3d Fold Scroll

デモ

下へスクロールをしていくとコンテンツごとに真ん中から折りたたまれていきます。めずらしいスクロールなのでユーザーの印象に残りやすいページを作ることができそうですね。

こんな感じでシンプルにセッティングできます。

$(document).ready(function() {
    var fold = $.fn.responsive_3dfoldscroll({
        animationLength : 1500
    });
});

一般的なスクロールじゃ物足りないという方は是非チェックしてみてはいかがでしょうか?

Responsive 3d Fold Scroll

関連記事

  1. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

  2. ssi-modal

    JavaScript

    フレキシブルでパワフルなモーダルウィンドウを実装できる「ssi-modal」

    ssi-modalはカスタマイズ性に優れたフレキシブルでパワフルなモー…

  3. JavaScript

    スマホやタブレットでのスワイプに対応したモバイルにも最適なjQueryスライダー「Swiper」

    とてもよさそうだったのでメモしときます。スワイプで切り替えることができ…

  4. simplePagination.js
  5. Simple Sidebar
  6. no-image

    JavaScript

    タブやアコーディオンを実装できるjQueryプラグイン「jpix」

    jpixはシンプルなタブやアコーディオンを実装することができるjQue…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP