Scrollgress

JavaScript

スクロールに連動するプログレスバーを実装できる「Scrollgress」

Scrollgressはスクロールに連動するシンプルで軽量なプログレスバーを実装できるjQueryプラグインです。画面上部に表示されるプログレスバーにより、今どのくらいの位置にいるのか把握しやすいので、縦長のページなどに役立ちますね。

Scrollgress

デモ

下へスクロールしていくと画面上部に表示される赤いプログレスバーが横に伸びていきます。

使い方も非常に簡単です。jQueryとプラグインファイルを読み込んだ状態で、以下のようにセッティングするだけです。

$('body').scrollgress();

また、オプションではプログレスバーの高さやカラーなどを設定することもできます。

Scrollgress

syncscroll2つ以上のスクロールエリアを同時にスクロールできる「syncscroll」前のページ

モダンなコンテキストメニューを実装できる「nuContextMenu」次のページnuContextMenu

最近の記事

  1. クリスマスブレンド エスプレッソロースト
  2. CIO Mate Magnet Stand
  3. 抹茶クリームドーナツ
  4. FAST
PAGE TOP