Scroll Indicator

JavaScript

シンプルなスクロールインジケーターを実装できる「Scroll Indicator」

Scroll Indicatorは、スクロールによるアニメーションでコンテンツ表示させるスクロールインジケーターを実装することができます。シンプルでさりげないスクロールアニメーションで、下にあるコンテンツを表示させることが可能です。

Scroll Indicator

デモ

デモでは下矢印のボタンをクリックすると、自動で下にあるコンテンツまでスクロールします。それと同時に下矢印ボタンがうっすらと消えていくのがオシャレですね。

さりげないアニメーションにより、自然な流れでコンテンツを読み進めたくなってきます。また、逆に上へスクロールしていくと、下矢印ボタンが段々と濃く表示されていき元の状態へ戻ります。

というわけで、さりげないスクロールによるアニメーションでコンテンツを表示させたい人は、ぜひScroll Indicatorを活用してみてはいかがでしょうか。

Scroll Indicator

関連記事

  1. no-image
  2. Jqx-Media-Slider
  3. Tip

    JavaScript

    シンプルなUIで使いやすいツールチップ実装「Tip」

    TipはシンプルなUIによる使いやすいツールチップを実装することができ…

  4. rpage

    JavaScript

    Bootstrapを使ったレスポンシブなページネーション「rpage」

    rpageはBootstrapを使ったレスポンシブに対応したページネー…

  5. infiniteSlider2.js
  6. curtains.js

    JavaScript

    カーテンがヒラヒラ動くようなテクスチャ面を実装できる「curtains.js」

    curtains.jsはカーテンがヒラヒラと波打つ動きのようなテクスチ…

最近の記事

  1. Anker PowerPort PD 1 & ライトニングケーブル(0.9m ホワイト)
  2. オリジナルチキン6ピース
  3. 200-DGCAM019
  4. ハクバ GW-PRO RED フォトグローブプロ PL

アーカイブ

PAGE TOP