fullPage.js

JavaScript

フルページでコンテンツごとにスクロールする「fullPage.js」

fullPage.jsはフルページでコンテンツごとにスクロールするレスポンシブに対応したjQueryプラグインです。コンテンツをダイナミックに、そしてシンプルに見せたいときに役立ちますね。

fullPage.js

デモ

左上のナビゲーション、またはスクロールをすることでコンテンツが切り替わっていきます。個別にスライダーを実装したりと、いろいろと見せ方を工夫できますね。

レスポンシブ対応なので、スマホやタブレットからも快適に表示・操作が可能です。

また、オプションもかなり豊富に用意されているので、細かい部分までカスタマイズしたい人にもオススメです。

というわけで、フルページでコンテンツごとにスクロールできるサイトを構築したい人は、ぜひチェックしてみてください。

fullPage.js

SegmentSVG pathをアニメーションさせる軽量のスクリプト「Segment」前のページ

シンプルで動きが滑らかなスライダー「Ideal Image Slider」次のページIdeal Image Slider

関連記事

  1. jQuery LoadingOverlay

    JavaScript

    多彩なローディング画面を実装できる「jQuery LoadingOverlay」

    jQuery LoadingOverlayは、カスタマイズ性に優れた多…

  2. no-image

    JavaScript

    Bootstrap 4を使ったステッパープラグイン「bs-stepper」

    bs-stepperはBootstrap 4を使ったステッパーを実装で…

  3. Folder Preview Ideas

    JavaScript

    フォルダに楽しいホバーアニメーションをつける「Folder Preview Ideas」

    Folder Preview Ideasは、フォルダにさまざまな楽しい…

  4. ax5ui-menu

    JavaScript

    カスタマイズしやすいコンテキストメニューを実装できる「ax5ui-menu」

    ax5ui-menuはカスタマイズしやすいシンプルなコンテキストメニュ…

  5. curtains.js

    JavaScript

    カーテンがヒラヒラ動くようなテクスチャ面を実装できる「curtains.js」

    curtains.jsはカーテンがヒラヒラと波打つ動きのようなテクスチ…

  6. no-image

    JavaScript

    軽量なスティッキー要素を実装できるjQueryプラグイン「Zebra Pin」

    Zebra Pinは軽量なスティッキー要素を実装できるjQueryプラ…

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP