シングルページについて
2014年12月18日
今回はちょっと前に流行った
シングルページについて紹介します。
お仕事でシングルページのページ制作をすることになり、
丁度よいプラグインを探しておりました。
ところが、中々当案件にフィットするプラグインが見つからない…
何故かというと、
普通のシングルページページに、
下にスクロールするとアニメーションが動く普通のパララックスページを
足したような動作が求められたからです。
しばらく頑張って探してみたところ、ついに見つけました!
その名も fullPage.jsのAppleページです。

大本の fullPage.js のページ自体はすぐに見つかったのですが、
このAppleページはなかなか見つけられませんでした。
まさに灯台下暗しとはこのことを言うのですね…
ページ下部フッターの「Download」よりデモファイル一式がダウンロードできます。
その中にある examples/apple.html が求めていたファイルになります。
あとはこれをベースにカスタマイズすればOKです!!!
その他にも、参考になるサンプルが沢山入ってますので、
一見の価値ありです。
しかし、ピンポイントのプラグインを探すのって結構難しいですよね。
実はこのプラグイン、@さんが見つけてくれました。。。
シングルページについて紹介します。
お仕事でシングルページのページ制作をすることになり、
丁度よいプラグインを探しておりました。
ところが、中々当案件にフィットするプラグインが見つからない…
何故かというと、
普通のシングルページページに、
下にスクロールするとアニメーションが動く普通のパララックスページを
足したような動作が求められたからです。
しばらく頑張って探してみたところ、ついに見つけました!
その名も fullPage.jsのAppleページです。

大本の fullPage.js のページ自体はすぐに見つかったのですが、
このAppleページはなかなか見つけられませんでした。
まさに灯台下暗しとはこのことを言うのですね…
ページ下部フッターの「Download」よりデモファイル一式がダウンロードできます。
その中にある examples/apple.html が求めていたファイルになります。
あとはこれをベースにカスタマイズすればOKです!!!
その他にも、参考になるサンプルが沢山入ってますので、
一見の価値ありです。
しかし、ピンポイントのプラグインを探すのって結構難しいですよね。
実はこのプラグイン、@さんが見つけてくれました。。。