Scroll Indicator

JavaScript

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

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

Scroll Indicator

デモ

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

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

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

Scroll Indicator

関連記事

  1. jQuery Flat Shadow

    JavaScript

    フラットデザインに影をつけてくれるjQueryプラグイン「jQuery Flat Shadow」

    フラットデザインのUIに影(シャドウ)をつけてくれるjQueryプラグ…

  2. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  3. Section Scroller

    JavaScript

    セクションごとに自動でスクロールしてくれるボタン実装「Section Scroller」

    Section Scrollerは、セクションごとにスムーズにスクロー…

  4. hsimp

    JavaScript

    パスワードの安全性を教えてくれる「hsimp」

    hsimpは、パスワードがどれだけ安全かを判定してくれるスクリプトです…

  5. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

  6. jQuery Magnify

    JavaScript

    シンプルで軽量なズーム機能を実装できる「jQuery Magnify」

    jQuery Magnifyはシンプルで軽量なズーム機能を実装すること…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP