Scrollgress

JavaScript

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

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

Scrollgress

デモ

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

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

$('body').scrollgress();

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

Scrollgress

関連記事

  1. Chameleon.js
  2. Rythim.js

    JavaScript

    音楽のリズムに合わせてボタンなどに躍動感を与える「Rythim.js」

    Rythm.jsは、あなたのホームページに躍動感を与えてくれるjsライ…

  3. no-image
  4. JavaScript

    スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Readin…

    とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を…

  5. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

  6. no-image

    JavaScript

    レスポンシブ対応の軽量・コンパクトでシンプルなモーダルボックス「Modelo」

    Modeloは軽量・コンパクトなモーダルボックスを実装できるjQuer…

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP