fullPage.js

JavaScript

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

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

fullPage.js

デモ

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

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

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

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

fullPage.js

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

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

関連記事

  1. JavaScript

    リストのテキストを1つずつ垂直にスライドさせていくjQueryのティッカー「Totem Ticker…

    おもしろいですね、これ。リスト化したli要素を1つずつ垂直方向にスライ…

  2. Line Maker

    JavaScript

    アニメーションするラインを実装できる「Line Maker」

    Line Makerは、いろんなアニメーションをするラインを実装するこ…

  3. no-image

    JavaScript

    マスクエフェクトが素敵なスライダー実装「Masked Circle Slider」

    Masked Circle Sliderは、円形のマスクエフェクトが素…

  4. SVG 3D Tag Cloud jQuery Plugin
  5. jquery.confirm

    JavaScript

    jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confi…

    jquery.confirmは、ページ内のボタンやリンクをクリックする…

  6. swipe-menu-js

    JavaScript

    横からスライド・スワイプ表示するハンバーガーメニュー実装「swipe-menu-js」

    swipe-menu-jsは横からスライド・スワイプ表示するシンプルな…

最近の記事

  1. チャイラテ
  2. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  3. COMOLI ナッピングウールショーツ
  4. 川上庵(麻布十番)牡蠣天せいろ
  5. COMOLI ウールフリースセットアップ
PAGE TOP