fullPage.js

JavaScript

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

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

fullPage.js

デモ

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

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

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

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

fullPage.js

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

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

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

  2. Custom Carousel

    JavaScript

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

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

  3. Basic Metro Dynamic jQuery Tab Menu
  4. Zoomify

    JavaScript

    画像ズーム効果によるシンプルなライトボックスを実装できる「Zoomify」

    Zoomifyは、画像のズーム効果を備えたシンプルなライトボックスのた…

  5. jQuery Pit-scheduler v2.0
  6. JavaScript

    シンプルなアラートを表示させることができる「smoke.js」

    smoke.jsはシンプルでカッコいいアラートを表示させることができる…

最近の記事

  1. 東京都現代美術館
  2. スーリア バターチキン
  3. そそそ 明太クリームそうめん
  4. すしざんまい
  5. 蒼龍唐玉堂 特製牛バラ担々麺

アーカイブ

PAGE TOP