フルスクリーンスクロールを簡単に実装できる fullPage.js

スクリーンショット 2014-03-22 16.27.15

1画面でコンテンツを見せ、縦にスクロールするとススッと画面が切り替わるデザインを簡単に実装できるのがfullPage.jsです。

よく使うカスタマイズが簡単にできるのもこのプラグインの特徴です。

背景に画像を使うことができます。

スクリーンショット 2014-03-22 16.29.57

縦スクロールだけでなく、横スクロールのコンテンツを途中に入れることができます。

スクリーンショット 2014-03-22 16.28.05

実装も簡単です。

<div class="section active">Contents1</div>
<div class="section">Contents2</div>
<div class="section">Contents3</div>
<div class="section">Contents4</div>

デモも数パターン用意されています。

人気の記事

2017年、人気の無料WordPressテーマ100選
2017年、人気の無料WordPressテーマ100選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ11選
アドセンス運用に最適なWordPressテーマ11選

1 Comments

  1. Pingback: Web制作に使える!オシャレなサイトに見せるためのCSSやjQueryプラグインまとめ | コムテブログ

コメント

  • Posted on
  • Updated on
  • Views 11,124