Scroll Indicator

JavaScript

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

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

Scroll Indicator

デモ

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

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

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

Scroll Indicator

関連記事

  1. ax5ui-menu

    JavaScript

    カスタマイズしやすいコンテキストメニューを実装できる「ax5ui-menu」

    ax5ui-menuはカスタマイズしやすいシンプルなコンテキストメニュ…

  2. formToWizard

    JavaScript

    ステップごとに入力可能なフォームを実装できる「formToWizard」

    formToWizardはステップごとに(ウィザード)入力可能なフォー…

  3. TV Credits

    JavaScript

    垂直・水平方向に滑らかに流れていくティッカーを実装できるjQueryプラグイン「TV Credits…

    TV Creditsは垂直方向や水平方向に流れていくティッカーを実装す…

  4. jQuery toTop()

    JavaScript

    シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」

    jQuery toTop()はトップへ行くための滑らかなスクロールを実…

  5. jQuery Star Flashing Effect

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP