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

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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives