Scrollgress

JavaScript

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

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

Scrollgress

デモ

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

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

$('body').scrollgress();

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

Scrollgress

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

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

最近の記事

  1. クリスマスエスプレッソロースト
  2. シーザーチキン 石窯カンパーニュ
  3. スキャルプ&ヘア リファイニング トリートメント オイル R
  4. ポーレックスの手動ミル
  5. クリスマスブロンドロースト
PAGE TOP