【jQuery】スクロール系プラグインはこれだけで十分ではないか?fullPage.js

2014.10.17   16466


背景スクロール系のプラグインは色々ありますが、このfullPage.jsは何と言ってもすごいのが出来ることの種類が多いこと。
どのプラグインを使ったら良いか悩んだらとりあえずこれを使っておけば幅広く使えそう。


 

fullPage.jsのオススメ/ポイント

  •   何と言っても種類が豊富で紹介しきれないほど!是非ダウンロードしてexampleを見て欲しい!
  •   縦だけではなく横にも移動できる。そして動画も!
  •   Appleのデモに興奮する!

fullPage.jsのデモ


fullPage.jsのページ


fullPage.jsの使い方

それではfullPage.jsの使い方を見ていきましょう。
それぞれのコードを載せますね。

HTMLコード


fullPage.jsのデモ

シンプルデモ

矢印をクリックで横にスライド出来るよ

もっと横に移動できるよ

元に戻るよ

もう一回下に移動しよう

シンプルデモ終わり


CSSコード



JavaScriptコード








チェックポイント

デモでは一番シンプルな形で紹介しましたが、このfullPage.jsプラグインはたくさんのオプションがありますので、是非こちらのGitHubページのUsageを参考に色々試してみてください。

あともう一点。是非こちらのAppleのデモを見てみて下さい。 かっこ良くないですか? これもこのfullPage.jsで作られています。
ちなみに背景を動画にも出来ます。一度ダウンロードしてデモを見てみると色々あって本当にオススメです。

プラグインへ一言

本当に種類が豊富でオススメ

Feedlyで最新プラグインをチェック

follow us in feedly

良ければフォローもお待ちしております