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

Macのプレビューで画像を回転Macのプレビューで画像を時計周り・反時計周りに回転して保存する方法前のページ

美しいフェードでテキストが徐々に表示されていく「Letter by Letter JS」次のページLetter by Letter JS

関連記事

  1. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

  2. A simple DIY responsive image slideshow
  3. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

  4. no-image

    JavaScript

    フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

    FullModはフルスクリーンによるモーダルウィンドウを実装できるjQ…

  5. jQuery Navobile
  6. no-image

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP