Scroll Indicator

JavaScript

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

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

Scroll Indicator

デモ

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

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

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

Scroll Indicator

関連記事

  1. JavaScript

    jQueryでCSSを複数の値で設定するやり方やクラスの追加や削減など色々

    jQueryのCSS操作で複数の値を渡したい時はハッシュ形式にすると便…

  2. Shine

    JavaScript

    ダイナミック(動的)で美しいシャドウを実装できるJSライブラリ「Shine」

    ShineというJavaScriptライブラリが素敵だったのでメモがて…

  3. FrameScrub
  4. JavaScript

    複数カラムをレスポンシブに対応させるjQueryプラグイン「jquery.columns」

    複数あるカラムをレスポンシブに対応させるためのjQueryプラグイン「…

  5. no-image
  6. uploadHBR

    JavaScript

    複数の画像選択に対応したjQueryファイルアップローダー「uploadHBR」

    uploadHBRは複数の画像選択に対応したファイルアップローダーを実…

最近の記事

  1. cheero USB-C PD Charger 60W
  2. DY-S01
  3. OWL-QI10W04
  4. BQ-CC87L

アーカイブ

PAGE TOP