フルスクリーンスクロールを簡単に実装できる 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>

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

関連記事

人気の記事

目的別おすすめのWordPressテーマ(無料・有料)【2018年版】
目的別おすすめのWordPressテーマ(無料・有料)【2018年版】
2018年におすすめしたい、日本語対応の有料WordPressテーマ10選
2018年におすすめしたい、日本語対応の有料WordPressテーマ10選
【2018年版】アドセンス運用に最適なWordPressテーマ10選
【2018年版】アドセンス運用に最適なWordPressテーマ10選

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

1 Comments

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

コメント

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

  • Posted on
  • Updated on
  • Views 14,137