最近のWebサイトでは一画面一コンテンツのページ構成が増えています。特にSPAやプロジェクトページなどで使われており、スクロールするとコンテンツ全体が切り替わります。Webページだけでなく、HTMLプレゼンテーションでも使えます。 そうした表示に使えるのがfullPage.jsです。アイディア次第で色々な使い方ができるでしょう。

fullPage.jsの使い方

実際に使っているところです。キーボード操作でできます。

fullPage.jsでは左右でコンテンツを切り替えたり、上下での移動もサポートしています。HTMLスライドにも使えますし、移動履歴の管理もできています。HTMLタグもシンプルでコンテンツが作りやすいです。

fullPage.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。

fullPage.js One Page Scroll sections Site Plugin alvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple